.container,.wrap-c { width: 1170px; margin-left: auto; margin-right: auto; padding:0 15px; }

.container:after,.container:before,.fix:after,.fix:before,.col-3:after,.col-3:before,.wrap-c:after,.wrap-c:before {  display: table; content: " "; }

.container:after,.fix:after,.col-3:after,.wrap-c:after{ clear: both; }

.hide { display: none; }

.fl { float: left; }

.fr { float: right; }



/*=============================首页css===============================*/

.bg1 { background: #3cb0f8 }

.bg2 { background: #08acdb }

.bg3 { background: #86c610 }

.bg4 { background: #ffc116 }

.c1 { color: #3cb0f8 }

.c2 { color: #FF4C2F }

.c3 { color: #86c610 }

.c4 { color: #ffc116 }

.home-business { background: url(../images/business-bg.png); padding-bottom: 50px; }

.home-business a { text-decoration: none; }

.home-business * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

.home-business h3.title { padding: 50px 0; text-align: center; font-size: 24px; color: #3cb0f8; font-weight: normal; }

.home-business .title span { color: #666; padding-left: 25px; font-size: 16px; }

.business-list li { -webkit-transition: all .8s; transition: all .8s; width: 20%; float: left; cursor: pointer; overflow: hidden; height: 323px; color: #fff; }

.business-list li .list-box { height: 323px; width: 468px; }

.business-list li .tf { -webkit-transition: all .8s; transition: all .8s; width: 50%; border-right: 1px solid #fff; height: 323px; }

.business-list li .tf h3 { font-size: 20px; text-align: center; padding: 40px 0 20px 0;}

.business-list li .tf i { display: block; width: 95px; height: 95px; overflow: hidden; margin: 0 auto; margin-top: 45px;  }

.business-list li .tf p { padding: 0px 20px; text-align: center; font-size: 12px; line-height: 24px;  padding-bottom: 25px;}

.business-list li .tf, .business-list li .tr { width: 50%; float: left; height: 100%; }

.business-list li .tr-sep { border-bottom: 1px solid #ddd; height: 33.33333333333%; padding: 0 20px;  }

.business-list li .tr-sep a { display: inline-block; padding: 5px 10px; border: 1px solid #ddd; margin-top: 15px; font-size: 12px; color: #666 }

.business-list li .tr-sep a:hover { background: #3cb0f8; color: #fff; border-color: #3cb0f8 }

.business-list li .tr-sep p { font-size: 12px; color: #999; padding-top: 8px; }

.business-list li.on { width: 40%; }

.business-list li.on .list-box  {  background: #fff }

.business-list li.on .tf { border-color: #ddd; color: #333 }

.business-list li.on i img:nth-child(1) { display: none; }

.business-list li:hover i { -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg) }

.business-bottom { padding: 35px 0; text-align: center; color: #333;  }

.business-bottom a { color: red; font-size: 18px; }



.home-more-ser { border-bottom:1px solid #ddd; padding-bottom: 50px; }

.home-more-ser h3.title { padding: 50px 0 10px 0; text-align: center; font-size: 24px; color: #3cb0f8; font-weight: normal; }

.home-more-ser .title span { color: #999; padding-left: 25px; font-size: 16px; text-align: center; }

.home-more-ser .title-f { text-align: center; color: #999 }

.home-more-ser .list { padding: 60px 0 0 0; }

.home-more-ser .list li { float: left; width: 20%; }

.home-more-ser .list li a { text-decoration: none; position: relative; display: block; width: 205px; height: 265px; border:1px solid #ddd; margin: 0 auto; overflow: hidden; }

.home-more-ser .list li a div { 

    transition: all .5s; 

    position: absolute; 

    height: 265px; 

    width: 205px; 

    background: rgba(60,176,248,.9);

    top: 265px;

}

.home-more-ser .list li a div h5 { color: #fff; padding: 38px 0 20px 0; }

.home-more-ser .list li a div p { padding: 0 18px; color: #fff; font-size: 14px; line-height: 28px; }

.home-more-ser .list li a h5 { text-align: center; padding:40px 0 30px 0; color: #222; }

.home-more-ser .list li a i { display: block; text-align: center; }

.home-more-ser .list li a span { display: block; text-align: center; padding: 25px 0 0 0; color: #666; font-size: 12px; }

.home-more-ser .list li a:hover div { top: 0; }





.home-choose_news h3.title { text-align: left; padding: 50px 0; font-size: 24px; color: #3cb0f8; font-weight: normal; }

.home-choose_news .title span { color: #666; padding-left: 25px; font-size: 16px; }

.home-choose { float: left; width: 774px; }

.home-choose .list { margin-right: -20px; }

.home-choose .item { float: left; width:375px;  height: 228px;  margin-bottom: 20px; margin-right: 20px; border: 1px solid #ddd; }

.home-choose .item .hd { padding: 20px; }

.home-choose .item .hd .t-icon { float: left; width: 105px; height: 95px; text-align: center; }

.home-choose .item .hd h3 { margin-left: 135px; line-height: 93px; height: 95px; }

.home-choose .item .bd { padding: 0 20px; line-height: 26px; color: #666; font-size: 14px; }

.home-choose .item:hover { border-color: #3cb0f8 }

.home-news { float: right; width: 376px; }

.home-news li { overflow: hidden; height:108px; }

.home-news a { font-size: 12px; color: #333; font-weight: bold;  text-decoration: none; }

.home-news a:hover { color: #3cb0f8 }

.home-newslist { height: 450px; }

.home-newslist li { border-bottom: 1px solid #dddddd;}

.home-newslist li:hover { background: #6ac5ff; }

.home-newslist li:hover a,.home-newslist li:hover p,.home-newslist li:hover h3{ color: #fff; }

.home-newslist .item-full,.home-newslist li:hover a{ height:68px; display: block;padding:20px 0;}

.home-newslist .item-l { display: block; float: left; width: 110px; height: 67px;  }

.home-newslist .item-l img{width: 100px; height: 67px; margin-left:10px;}

.home-newslist .item-r { margin-left: 120px;}

.home-newslist .item-r h3 { font-size: 12px; color: #333; height:16px; overflow:hidden;}

.home-newslist .item-r p { color: #666; font-size: 12px; padding-top:8px; font-weight:normal;}





.home-case h3.title { text-align: center; padding: 50px 0; font-size: 24px; color: #3cb0f8; font-weight: normal; }

.home-case .tabs { box-shadow: 0 0 12px rgba(0,0,0,.5); background: #fff; }

.home-case .title span { color: #666; padding-left: 25px; font-size: 16px; }

.home-case { margin-top: 40px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f2f2f2 }

.home-case .menu { height: 36px; background: #333; }

.home-case .menu li { 

    float: left;  

    color: #fff; 

    cursor: pointer;

    width: 145px;

    height: 36px;

    background: #333;

    line-height: 37px;

    text-align: center;

    font-weight: bold;

}

.home-case .menu li.on,.home-case .case-menu li:hover {

    background: #fff;

    color: #3cb0f8;

}

.home-case .cont { padding: 30px; background: #fff; margin-bottom: 70px; }

.home-case .cont .item {

    overflow: hidden;

    width: 18%; 

    float: left;

    margin: 0 1%;

    position: relative;

}

.home-case .cont .item img { display: block; width: 100%; }

.home-case .cont .item p { 

    position: absolute; 

    width: 199px; 

    height: 233px; 

    background: #f00; 

    text-align: center;

    color: #fff;

    font-size: 12px;

    line-height: 40px;

    top: 0; 

    -webkit-transition: all .2s;

    transition: all .2s; 

    z-index: 1;

    background: rgba(0,0,0,.8);

    top: 193px; 

}

.home-case .cont .item p a { 

    display: block; 

    width: 100px; 

    height: 40px;

    font-size: 14px;

    line-height: 40px; 

    border: 1px solid #3cb0f8; 

    color: #3cb0f8; 

    margin:20px auto auto auto;

    text-align: center;

    text-decoration: none;

}

.home-case .cont .item:hover p { top: 0; padding-top: 50px;}



.home-case .cont .hot { width: 38%; height: 233px; background: #3cb0f8; color: #fff; }

.home-case .cont .hot img { width: 199px; }

.home-case .cont .hot h4 { font-size: 15px; }

.home-case .cont .hot .more { 

    display: block; 

    border:1px solid #fff; 

    color: #fff; 

    width: 80px; 

    font-size: 12px;

    height: 30px; 

    line-height: 30px; 

    text-align: center; 

    text-decoration: none; 

}

.home-case .cont .hot div { display: block; padding-top: 20px; font-size: 14px; line-height: 24px; height: 125px; overflow: hidden; }

.home-case .cont .hot .hot-info { position: absolute; width: 182px; height: 203px; right: 0; top: 0;  z-index: 10; padding: 15px 20px; }



.home-case .item-img p span { width: 120px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #3cb0f8; color: #3cb0f8 }

.home-case .item-cont h5 { font-size: 16px; padding-bottom: 15px; }

.home-case .item-cont p {  color: #666; line-height: 26px; height: 105px; overflow: hidden; font-size: 14px; }

.home-case .item-cont .more { text-decoration: none; display: inline-block; *display: inline; *zoom: 1; padding: 7px 17px; color: #666; border: 1px solid #ddd; margin-top: 18px; }

.home-case .item-cont .more:hover {  background: #3cb0f8; border-color: #3cb0f8; color: #fff }

.home-case .brand-list { float: right; margin-right: -20px; }

.home-case .brand-list .list li { float: left; margin-right: 20px; }

.home-case .brand-list .list a { text-decoration: none; display: block; width: 180px; height: 210px; position: relative; overflow: hidden;  }

.home-case .brand-list a img { display: block; width: 100%; height: auto; border: 1px solid #ddd; }

.home-case .brand-list a p {

    -webkit-transition: all .2s;

    transition: all .2s; 

    z-index: 1; 

    top: 210px; 

    position: absolute; 

    display: block; 

    width: 180px; 

    height: 210px; 

    background: rgba(0,0,0,.8);

}

.home-case .brand-list a:hover p { top: 0; }



.home-lcser { border-bottom: 1px solid #ddd; padding-bottom: 70px; }

.home-lcser h3.title { text-align: center; padding: 50px 0; font-size: 24px; color: #3cb0f8; font-weight: normal; }

.home-lcser .title span { color: #666; padding-left: 25px; font-size: 16px; }

.home-lcser .list li { float: left; width: 16.666666667% }

.home-lcser a  { display: block; width: 100%; -webkit-transition: all .8s; transition: all .8s; }

.home-lcser a img { display: block; max-width: 100%; margin: 0 auto }

.home-lcser a:hover { -webkit-transform:rotate(360deg); transform:rotate(360deg); }



.home-news-aq h3.title { text-align: left; padding: 50px 0; font-size: 24px; color: #3cb0f8; font-weight: normal; }

.home-news-aq .title span { color: #666; padding-left: 25px; font-size: 16px; }

.home-news1 { width: 575px; float: left; height: 400px; overflow: hidden; }

.home-aq2 { width: 575px; float: right; height: 400px; overflow: hidden; }

.home-news-aq li { overflow: hidden; padding: 5px 0; }

.home-news-aq a { font-size: 12px; color: #333; font-weight: bold;  text-decoration: none; }

.home-news-aq p { font-size: 12px; color: #999; line-height: 22px; }

.home-news-aq span.date { line-height: 21px; float: right; font-weight: 400; color:#999; overflow: hidden; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }

.home-news1 .hot { padding: 0; margin-bottom: 10px; }

.home-news1 .hot a { font-size: 16px; }

.home-news1 .hot-left { display: block; width: 180px; float: left; margin-right: 20px;}

.home-news1 .hot-left img { display: block; width: 100%; }

.home-news1 .hot-right .date { margin-top: 5px; }

.home-news1 .hot-right .txt { height: 66px; overflow: hidden; margin-top: 5px; }

.home-aq2 .faq li:first-child { padding-top: 0; }

.home-aq2 .faq li { margin-bottom: 11px; }

.home-aq2 .faq li a { font-size: 14px; }

.home-aq2 .faq p { margin-top: 5px; height: 44px; overflow: hidden; }

.home-news-aq a:hover { color: #3cb0f8 }



.home-ad { overflow: hidden; overflow: hidden; padding-top: 30px; }

.home-ad img { display: block; width: 100%; }



.home-yq { padding-bottom: 40px; }

.home-yq h3.title { text-align: left; padding: 50px 0 20px 0; font-size: 24px; color: #3cb0f8; font-weight: normal; border-bottom: 1px solid #ddd; }

.home-yq .title span { color: #666; padding-left: 25px; font-size: 16px; }

.home-yq .list { padding-top: 20px; }

.home-yq li { float: left; margin-right: 10px; }

.home-yq a { text-decoration: none; display: inline-block; padding:5px 17px 5px 0px;color: #999; font-size: 12px; }

.home-yq a:hover {}





/*=================site=====================*/



.page-topbar { height: 29px; line-height: 29px; background: #f2f2f2;  border-bottom: 1px solid #ccc; font-size: 12px; }

.page-topbar-tel { color: #ac0000; padding: 0; margin: 0; font-size: 12px; float: right;}

.page-topbar-tel span { padding: 0 10px; color: #aaa; font-size: 12px; }

.page-topbar-tel a { display: inline-block; *display: inline; *zoom: 1;  text-decoration: none; color: #666; }

.page-topbar-tel a:hover { color: #3cb0f8 }

.page-header { height: 82px; position: relative; background: #fff }

/*.page-header-logo { display: block; width: 409px; height: 52px; padding: 15px 0; float: left; margin: 0; }*/

.page-header-logo {

	align-items: center;

    display: flex;

    display: -webkit-flex;

    width: 409px;

    height: 52px;

    padding: 15px 0;

    float: left;

    margin: 0;

}

.page-header-logo a { display: block; overflow: hidden; outline:none;}

.page-navmenu { width: 700px; height: 82px; float: right; }

.page-navmenu .list { margin: 0; padding: 0; }

.page-navmenu li { float: left; }

.page-navmenu li > a { 

    font-weight: bold; 

    text-align: center; 

    display: block; 

    padding:0 15px; 

    height: 82px; 

    line-height: 82px; 

    text-decoration: none; 

    color: #333; 

    font-size: 15px; 

}

.page-submenu { position: absolute; top: 82px; width: 100%; }

.page-submenu .submenu-bg {

    background: #fff;

    width: 100%;

    height: 0;

    position: absolute;

    z-index: 999;

    left: 0;

    top: 0;

    filter: alpha(opacity=90);

    -moz-opacity: 0.90;

    -webkit-opacity: 0.90;

    opacity: 0.90;

}

.page-submenu .submenu-con { width: 700px; height: 0; margin: 0 auto; padding-left: 470px; position: relative; z-index: 999; overflow: hidden; }

.page-submenu .submenu-con ul { padding: 15px 0; width: 100px; display: block; position: absolute; top: 0; left: 0; margin: 0; text-align: center; }

.page-submenu .submenu-con ul li { padding: 3px 0; }

.page-submenu .submenu-con ul a { font-size: 13px; color: #333; text-decoration: none; }

.page-submenu .submenu-con ul a:hover { color: #cb0000 }



/*=================================招商加盟========================================*/

.layer .title { font-size: 42px; font-weight: 200; color: #424242; margin: 0 0 30px 0; }

.zsjm-layer1 { background:url(../images/zsjm-layerbg1.gif) center top; height: 480px; border: 1px solid #ddd;}

.zsjm-layer1 .container { padding-top: 100px; }

.zsjm-layer1 .content { width: 640px; }

.zsjm-layer1 .text { font-size: 16px; color: #424242; line-height: 1.875; }

.zsjm-layer1 span.c { display: block; padding-top: 30px; color: #3cb0f8 }



.zsjm-layer2 .container { padding-top: 50px; }

.zsjm-layer2 .title { text-align: center; }

.zsjm-layer2 .wt-dl  { padding-top: 20px; }

.zsjm-layer2 .wt-dl dd {  margin-bottom: 30px; overflow: hidden; }

.wt-dl span { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding:20px 25px;}

.wt-dl dd span { height: 90px; display: block;  border-top: 1px solid #aaa; border-right: 1px solid #aaa; }

.wt-dl .sep1 { width: 22%; }

.wt-dl .sep2 { width: 28%; }

.wt-dl .sep3 { width: 50%; }

.wt-dl .fc20 { color: #333; font-size: 20px; font-weight: bold; }

.wt-dl .bdt0 { border-top: #fff !important; }



.zsjm-layer3 { border-top: 1px solid #ddd; }

.zsjm-layer3 .title { text-align: center; }

.zsjm-layer3 .title span { font-size: 16px; display: block; padding-bottom: 20px; }

.zsjm-layer3 .container { padding-top: 100px; }

.zsjm-layer3 .list6 { padding-top: 50px; }

.zsjm-layer3 .list6 li { height: 450px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 33.333333333%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.zsjm-layer3 .list6 i { display: block; margin: 0 auto; text-align: center; }

.zsjm-layer3 .list6 dl { padding:0 20px; }

.zsjm-layer3 .list6 dl dt { text-align: center; font-size: 22px; padding-bottom: 20px; }

.zsjm-layer3 .list6 dl dd { font-size: 14px; line-height: 28px; color: #666; text-align: center; }



.zsjm-layer4 { border-top: 1px solid #ddd; }

.zsjm-layer4 .title { text-align: center; }

.zsjm-layer4 .title span { font-size: 16px; display: block; padding-bottom: 20px; }

.zsjm-layer4 .container { padding-top: 100px; }

.zsjm-layer4 .list6 { padding-top: 50px; }

.zsjm-layer4 .list6 li { height: 220px;  width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.zsjm-layer4 .list6 i { display: block; float: left; }

.zsjm-layer4 .list6 dl { padding-left: 230px; padding-right: 20px; }

.zsjm-layer4 .list6 dl dt { font-size: 22px; padding-bottom: 10px; }

.zsjm-layer4 .list6 dl dd { font-size: 14px; line-height: 28px; color: #666;  }





/*=================================页面留言========================================*/

.page-msg { border-top: 1px solid #ddd; background: #f0f0f0; }

.page-msg .context { padding-top: 70px; padding-bottom: 70px;}

.page-msg .title { font-size: 42px; font-weight: 200; text-align: center;}

.page-msg .title-c { display: block; font-size: 24px; color: #ff4c2f; padding-top: 20px; }

.page-msg .msg { padding-top: 40px; }

.msg .msg-form .sep1 { width: 33%; float: left; margin-right: 2% }

.msg .msg-form .sep2 { width: 43%; float: left; }

.msg .msg-form .sep3 { width: 20%; float: left; margin-left: 2%; }

.msg .msg-form .form-text {

    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

    display: block;

    width: 100%;

    padding: 17px 12px 19px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    margin-right: 9px;

    margin-bottom: 15px;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

}

.msg .msg-form .form-texts {

    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

    display: block;

    width: 100%;

    padding: 12px;

    font-size: 14px;

    color: #555;

    height: 204px;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

}

.msg .form-btn {

    display: block;

    width: 326px;

    padding: 12px;

    font-size: 16px;

    text-align: center;

    line-height: 32px;

    color: #fff;

    text-decoration: none;

    height: 32px;

    border:1px solid #cb3f25;

    background-color: #f15f43;

    margin: 0 auto;

    outline: 0;

    -webkit-transition: all .2s;

    transition: all .2s;

}

.msg .form-btn:hover { background: #cb3f25; }

.msg .sep3 img { display: block; }



/*================================页面底部===================================*/

.page-footer { background: #222222 }







/*================================微信营销/手机网站/响应式================================*/

.wx-mobile-rep .tabs .menus { width: 1170px; margin:0 auto; text-align: center; font-size: 0; }

.wx-mobile-rep .tabs .menus > li { display: inline-block; *display: inline; *zoom: 1; width: 33.333333333%; font-size: 20px; text-align: center; padding: 25px 0; }

.wx-mobile-rep .tabs .menus > li.on { border-bottom: 3px solid #3cb0f8; }

.wx-mobile-rep .tabs .menus > li a { color: #222; text-decoration: none; font-weight: bold; }

.wx-mobile-rep .tabs .menus > li.on a { color: #3cb0f8 }



.wx-mobile-rep .section { border-top: 1px solid #ddd; }

.wx-mobile-rep .section h3.title { font-size: 40px; font-weight: 200; color: #222; }

.wx-mobile-rep .section p.text { font-size: 14px; line-height: 1.875; color: #555 }

.wx-mobile-rep .section em { font-style: normal; font-size: 24px; font-weight: bold; color: #3cb0f8; display: block; padding-top: 30px; }



.wx-mobile-rep .wx-duanyu { background: url(../images/wxpage-layer1-bg.jpg) center top no-repeat; height: 530px; }

.wx-mobile-rep .wx-duanyu .context { padding: 120px 0 0 50px; width: 530px; } 

.wx-mobile-rep .wx-duanyu .context h3.title { padding-bottom: 35px; }



.wx-mobile-rep .wx-fangan .context { padding: 80px 0; }

.wx-mobile-rep .wx-fangan .context h3.title { text-align: center; }

.wx-mobile-rep .wx-fangan .list { padding-top: 60px; }

.wx-mobile-rep .wx-fangan li { width: 25%; float: left; }

.wx-mobile-rep .wx-fangan li h5 { font-size: 20px; text-align: center; padding: 20px 0; font-weight: normal; color:#222 }

.wx-mobile-rep .wx-fangan li a { overflow: hidden; display: block; width: 266px; height: 266px; border-radius: 10px; background: #3fa2ff; position: relative; margin: 0 auto; }

.wx-mobile-rep .wx-fangan li a img { display: block; margin-top: 50px; margin-left: 50px; }

.wx-mobile-rep .wx-fangan li a .txt { 

    -webkit-transition: all .2s; 

    transition: all .2s; 

    bottom: -266px;

    text-align: center;

    left: 0; 

    position: absolute; 

    z-index: 1; 

    color: #fff;

    line-height: 28px;

    width: 226px; 

    height: 206px; 

    border-radius: 10px; 

    background: rgba(0,0,0,.8);

    padding: 60px 20px 0 20px;

}

.wx-mobile-rep .wx-fangan li a:hover .txt { bottom: 0; }



.wx-mobile-rep .wx-6s { background: url(../images/wx-win6-bg.png) center top no-repeat; height: 488px; }

.wx-mobile-rep .wx-6s .context { float: right; width: 570px; padding-top: 120px; }

.wx-mobile-rep .wx-6s .context .title-f { padding-top: 20px; color: #222; font-weight: bold; }

.wx-mobile-rep .wx-6s .context .text { padding-top: 30px; }



.wx-mobile-rep .fenxiao { background: url(../images/wx-win6-bg1.png) center top no-repeat; height: 499px;  }

.wx-mobile-rep .fenxiao .context { float: left; }

.wx-mobile-rep .o2o { background: url(../images/wx-win6-bg2.png) center top no-repeat; height: 468px; }

.wx-mobile-rep .sj-duanyu { background: url(../images/mob-layer1-bg.jpg) center top no-repeat; height: 530px; }

.wx-mobile-rep .xys-duanyu {  background: url(../images/xys-layer1-bg.gif) center top no-repeat; height: 530px; }



.wx-mobile-rep .wx-gn-tab .menu { width: 1170px; border-bottom: 1px solid #3cb0f8; margin: 0 auto; text-align: center; padding-top: 50px; }

.wx-mobile-rep .wx-gn-tab .menu li { display: inline-block; *display:inline; *zoom: 1; color: #222; padding: 10px 20px; cursor: pointer; }

.wx-mobile-rep .wx-gn-tab .menu li.on,.wx-gn-tab .menu li:hover { background: #3cb0f8; color: #fff; }

.wx-mobile-rep .wx-gn-tab .cont { padding: 70px 0; }

.wx-mobile-rep .wx-gn-tab .cont ul li { display: block; width: 16.666666667%; float: left; text-align: center; }

.wx-mobile-rep .wx-gn-tab .cont ul li a { 

    display: block; width: 114px; 

    height: 114px; 

    overflow: hidden; 

    margin: 0 auto; 

    -webkit-transition: all .5s;

    transition: all .5s; }

.wx-mobile-rep .wx-gn-tab .cont ul li p { padding-bottom: 50px; padding-top: 15px; }

.wx-mobile-rep .wx-gn-tab .cont ul li a img { display: block; max-width: 100%; }

.wx-mobile-rep .wx-gn .context { padding-top: 70px; }

.wx-mobile-rep .wx-gn .context .title { text-align: center; }



.wx-mobile-rep .youshi .context { padding: 70px 0; }

.wx-mobile-rep .youshi .context h3 { text-align: center; }

.wx-mobile-rep .youshi .list { padding-top: 65px; }

.wx-mobile-rep .youshi .list li { float: left; width: 33.333333333% }

.wx-mobile-rep .youshi .list li img { display: block; width: 268px; height: 162px; margin: 0 auto }

.wx-mobile-rep .youshi .list li p { width: 268px; margin: 0 auto; padding-top: 15px; line-height: 1.875; }



/*案例列表*/

.mt20 { margin-top: 20px; }

.page-main-bg { background: #f2f2f2; }



.breadcrumb { font-size: 14px; color: #999; padding: 20px 0; }

.breadcrumb a { text-decoration: none; color: #999; margin: 0 5px; }

.breadcrumb a:hover { color: #3cb0f8; }



.side { width: 300px; float: left; }

.side .menuTab { background: #fff; }

.side .menuTab .menu { border-bottom: 1px solid #ddd; margin: 0 20px; height: 40px; padding-top: 5px; }

.side .menuTab .menu li { margin-right: 20px; font-weight:bold; color: #222; display: inline-block; *display: inline; *zoom: 1; font-size: 14px; height: 40px; cursor: pointer; line-height: 40px; }

.side .menuTab .menu li.on,.side .menuTab .menu li:hover { color: #3cb0f8; border-bottom: 1px solid #3cb0f8 }

.side .menuTab .cont { padding:15px 20px 10px 20px; }

.side .menuTab .cont a { color: #444; text-decoration: none; font-size: 13px; display: block;float: left;margin-right: 10px;padding: 5px 9px;border: 1px solid #ddd;margin-bottom: 10px;}

.side .menuTab .cont a:hover { border-color: #3cb0f8; background: #3cb0f8; color: #fff; }



.side .newsCont { padding: 15px 20px 0px 20px; }

.side .newsCont span { background: #3cb0f8; color: #fff;  display: block; float: left;  font-size: 12px; text-align: center; padding: 5px 0; width: 50px; margin-right: 15px; }

.side .newsCont a { margin-bottom: 20px; background: #eee; padding: 19px; display: block; text-decoration: none; font-size: 14px; color: #333; }

.side .newsCont p { color: #999; font-size: 12px; padding-top: 5px; }

.side .newsCont a:hover { background: #3cb0f8; color: #fff; }

.side .newsCont a:hover span { background: #fff; color: #3cb0f8 }

.side .newsCont a:hover p { color: #fff; }



.side-ad { margin-top: 20px; margin-bottom: 20px; }



.main { float: right; width: 850px; }

.main .caselist { margin-right: -20px; }

.main .caselist li { overflow: hidden; cursor: pointer; width: 270px; margin-right: 20px; float: left; margin-bottom: 20px; background: #fff; position: relative; height: 245px; }

.main .caselist li img { display: block; width: 270px; height: auto; }

.main .caselist li p { 

    display: block; 

    transition: all .5s;

    width: 230px;

    padding:7px 20px;

    text-align: center;

    height:245px; 

    position: absolute; 

    top:203px; 

    background:rgba(0,0,0,.8); 

    line-height:26px; 

    color:#fff;

}

.main .caselist li p a { 

    display: block; 

    width:100px; 

    height:40px;

    line-height:40px; 

    text-align:center; 

    color:#3cb0f8;

    margin:10px auto auto auto;

    border:1px solid #3cb0f8 

}

.main .caselist li p span {display: block; width:134px; height: 134px; margin: 0 auto; margin-top:10px }

.main .caselist li p span img {display: block; border:2px solid #fff; width: 130px !important; height: 130px !important}

.main .caselist li:hover p{top:0;padding-top:10px;}

.pageTurning { padding-top: 30px; text-align: center; }

.pageTurning * { display: inline-block; *display: inline; zoom: 1px; }

.pageTurning span,.pageTurning a {

    font-size: 12px; 

    text-decoration: none;

    background: #f2f2f2;

    color: #666;

    margin: 0 3px;

    display: inline-block;

    line-height: 30px;

    padding: 0 11px;

    border-radius: 2px;

}

.pageTurning a:hover,.pageTurning a.cur{ background: #3cb0f8; color: #fff; border-color: #3cb0f8 }

.pageTurning input { background: #fff; padding: 3px 0; height: 20px; border: 1px solid #ccc; width: 30px; text-align: center; margin: 0; font-size: 12px; }

.pageTurning button { border: 1px solid #3cb0f8; padding: 4px 10px; font-size: 12px; background: #3cb0f8; color: #fff;  }

.pageTurning select{height:34px; border: 1px solid #f2f2f2;font-size: 12px; cursor:pointer;}



.ds-subnav { position: relative; height: 80px; }

.ds-subnav ul { position: absolute; top: -80px; z-index: 999; text-align: center; width: 100%; }

.ds-subnav li { margin:0 15px; display: inline-block; *display: inline; zoom:1; width: 160px; height: 160px;  }

.ds-subnav li a { text-decoration: none; display: block; width: 160px; height: 160px; background: url(../images/ds-subnav-bg1.png) no-repeat; color: #fff; font-size: 16px; }

.ds-subnav li a:hover,.ds-subnav li a.on { background: url(../images/ds-subnav-bg2.png) no-repeat; }

.ds-subnav li a i { display: block; width: 56px; height: 49px; margin: 0px auto; padding-top: 40px;  padding-bottom: 15px;}



.td-subnav { height: 80px; background: #fff; margin-top: 25px; text-align: center; border: 1px solid #ddd; border-left: 0; border-right: 0;}

.td-subnav li { cursor: pointer; display: inline-block; *display: inline; zoom:1; padding: 7px 30px; background: #fff; border-radius: 20px; margin: 22px 15px; font-size: 15px; border: 1px solid #ddd;  }

.td-subnav li:hover,.td-subnav li.on { background: #ff4c2f; color: #fff; border-color: #ff4c2f }



.ds-layer { padding: 25px 0 0 0; border-bottom: 1px solid #ddd; margin-top: 15px; }

.ds-layer a,.ds-layer1 a { text-decoration: none; color: #222 }

.ds-layer .img img { display: block; }

.ds-layer .cont { width: 550px; float: left; margin-right: 145px; }

.ds-layer .cont h3 { font-size: 42px; font-weight: 100; padding-top: 20px; }

.ds-layer .cont p  { font-size: 16px; line-height: 26px; padding-top: 25px; }

.ds-layer .cont a.btn { display: inline-block; *display: inline; zoom:1; border-radius: 30px; padding: 12px 45px; border: 1px solid #ddd; margin-top: 50px; margin-right: 20px; }

.ds-layer .cont a:hover, .ds-layer .cont a.on { border-color: #3cb0f8; color: #fff; background: #3cb0f8 }



.ds-layer1 { padding: 25px 0 0 0; border-bottom: 1px solid #ddd; margin-top: 15px; }

.ds-layer1 .img {  display: inline-block; *display: inline; zoom:1; float: left;  margin-right: 145px; overflow: hidden;} 

.ds-layer1 .img img { display: block; }

.ds-layer1 .cont { width: 500px; display: inline-block; *display: inline; zoom:1;  }

.ds-layer1 .cont h3 { font-size: 42px; font-weight: 100; padding-top: 20px; }

.ds-layer1 .cont p  { font-size: 16px; line-height: 26px; padding-top: 25px; }

.ds-layer1 .cont a.btn { display: inline-block; *display: inline; zoom:1; border-radius: 30px; padding: 12px 45px; border: 1px solid #ddd; margin-top: 50px; margin-right: 20px; }

.ds-layer1 .cont a:hover, .ds-layer1 .cont a.on { border-color: #3cb0f8; color: #fff; background: #3cb0f8 }



.qiantai,.houtai,.yingx, .gmbox { padding-top: 30px; padding-bottom: 30px; }

.qt-table { border: 1px solid #ddd; font-size: 12px; width: 1168px;}

.qt-table td { border: 1px solid #ddd; padding: 10px 20px; color: #666 }

.qt-table td:hover { background: #dbdbdb; }



.gmbox { background: #dbdbdb }

.gmbox li { background: #fff; padding: 25px; margin-bottom: 20px;

    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0);

    -webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0);

    -moz-box-shadow:0px 0px 10px rgba(255, 255, 255, 0);

    -o-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0);

    transition:All 0.6s ease;

    -webkit-transition:All 0.6s ease;

    -moz-transition:All 0.6s ease;

    -o-transition:All 0.6s ease;

  }

.gmbox li:hover { box-shadow: 0px 0px 7px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, .5);

    -moz-box-shadow:0px 0px 7px rgba(0, 0, 0, .5);

    -o-box-shadow: 0px 0px 7px rgba(0, 0, 0, .5);  }

.gmbox .txt { display: block; padding-left: 40px;  }

.gmbox i {transition:All 0.6s ease;

    -webkit-transition:All 0.6s ease;

    -moz-transition:All 0.6s ease;

    -o-transition:All 0.6s ease; font-style: normal; float: left; display: block; width: 24px; height: 24px; border-radius: 50%; background: #555; color: #fff; line-height: 24px; text-align: center; }

.gmbox .gmbox-q { margin-bottom: 15px; font-size: 15px; color: #3cb0f8; line-height: 24px; }

.gmbox .gmbox-a { font-size: 12px; color: #666; line-height: 24px; }

.gmbox li:hover i { background: #3cb0f8 }

.gmbox li:hover i.bg1 { background: #ff4c2f }



.nyCase { height: 267px; margin: 45px 0; }

.nyCase .title { width: 210px; float: left; background: #fe5c44; height: 267px; overflow: hidden; color: #fff; }

.nyCase .title h3 { font-size: 60px; text-align: center; font-weight: normal;  padding-top: 25px;}

.nyCase .title span { font-size: 24px; display: block; padding-left: 30px; padding-top: 15px; }

.nyCase .btns { padding-left: 30px; padding-top: 20px; }

.nyCase .btns a { text-decoration: none; display: inline-block; *display: inline; zoom: 1; margin-right: 25px; color: #fff; font-size: 50px; font-family: '宋体'; }

.nyCase .roll { width: 939px; float: left; margin-left: 11px; height: 267px; overflow: hidden; position: relative; }

.nyCase .roll .roll-ul { width: 4000px; position: absolute; top: 0; left: 0; }

.nyCase .roll .roll-ul li { background: #999; width:229px; margin-right: 11px; float: left; height: 267px; position: relative; }

.nyCase .roll .roll-ul li img{width:229px;height: 267px;}

.nyCase .roll .roll-ul li .name { 

    transition:all 0.6s ease;

    -webkit-transition:all 0.6s ease;

    -moz-transition:all 0.6s ease;

    -o-transition:all 0.6s ease;

    color: #fff; 

    line-height: 45px; 

    /*background: rgba(60,176,248,.9); */

    background: rgba(0,0,0,.8); 

    height: 267px; 

    position: absolute; 

    left: 0; 

    top: 222px; 

    text-align: center; 

    width: 229px; 

}

.nyCase .roll .roll-ul li .name p { border:1px solid #3cb0f8; color: #3cb0f8; margin: 0 auto; margin-top: 10px; width: 100px; height: 40px; line-height: 40px; text-align: center; }



.nyCase .roll .roll-ul li a:hover .name { top: 0; padding-top: 80px;}



.main { padding-bottom: 30px; }

.main a { text-decoration: none; }

.screenBar { height: 46px; border-bottom: 1px solid #bbb; background: #fff }

.screenBar .list { padding: 13px 0px; }

.screenBar .list li { float: left; border-right: 1px solid #ddd; padding:0 25px;  }

.screenBar .list li a { color: #999 }

.screenBar .list li a.on { color: #3cb0f8 }

.screenBar .list li a:hover { color: #3cb0f8 }



.newsList li { margin-top: 20px; }

.newsList li a { color: #222; display: block; overflow: hidden; border:1px solid #fff; background: #fff; -webkit-transition: all .3s ease-in-out 0s;-o-transition: all .4s ease-in-out 0s;

-moz-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s;  }

.newsList li a:hover { box-shadow: 0 0 5px rgba(0,0,0,.3) }

.newsList .item-img { display: block; float: left; margin-left: 20px; margin-right: 20px; width: 200px; height: 134px; margin-top: 20px;  margin-bottom: 20px;}

.newsList .item-img img { width: 200px; height: 134px; }

.newsList a:hover { color: #3cb0f8 }

.newsList .item-cont { margin-top: 20px; padding-right: 20px; }

.newsList .item-cont .txt { height: 42px; margin-top: 15px; color: #888; font-size: 14px; }

.newsList .item-cont .more-info { margin-top: 20px; font-size: 12px; color: #888; }

.newsList .item-cont .date { display: inline-block; margin-right: 15px; padding-left: 15px; background: url(../images/date-icon.gif) 0 1px no-repeat;  }

.newsList .item-cont .views { display: inline-block; padding-left: 15px; background: url(../images/views-icon.gif) 0 1px no-repeat; }



.newsInfo { background: #fff; border-top: 1px solid #3cb0f8; }

.newsInfo h1 { font-size: 18px; font-weight: bold; padding: 40px 0 20px 0; text-align: center; }

.newsInfo .timeDate { border-bottom: 1px solid #ddd; text-align: center; color: #999; padding-bottom: 5px; margin-left: 30px; margin-right: 30px; }

.newsInfo .timeDate span { font-size: 12px; padding: 0 10px;  }

.newsInfo .txt {  padding: 0 30px 30px 30px; margin-top: 30px; line-height: 26px; font-size: 14px; }

.newsInfo .txt img { max-width: 100%; }

.newsInfo .txt .source a{color:#3cb0f8; text-decoration:none; float:right;}



.fenx { padding: 0px 30px 30px 30px; }

.upDown { border-top: 1px solid #ddd; margin: 0 30px; padding: 30px 0;}

.upDown a { padding-right: 50px; color: #999 }

.upDown a:hover { color: #333 }



.moreNews { background: #fff; margin-top: 20px;}

.moreNews .title { margin:0 30px; font-size: 14px; padding-top: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }

.moreNews .list { padding-left: 30px; padding-right: 30px; margin-top: 10px; padding-bottom: 20px;}

.moreNews .list li { float: left; width: 50%; padding:4px 0; color: #999 ; height:16px; overflow:hidden;}

.moreNews .list li a { color: #999; }

.moreNews .list li a:hover { color: #333; }



.yxLayer .title { font-size: 24px; color: #ff4c2f; font-weight: 700; text-align: center;  padding-top: 50px;}

.yxLayer .subtitle { font-size: 16px; color: #333; text-align: center; padding-top: 10px; }

.yxLayer .bgbox1 { width: 1115px; height: 485px; margin: 0 auto; position: relative; background: url(../images/yingxiao-index.gif) no-repeat; margin-bottom: 25px;}

.yxLayer .bgbox1 .item { position: absolute; font-size: 16px; color: #ff4c2f }

.yxLayer .bgbox1 .p1 { top: 50px; left: 180px; }

.yxLayer .bgbox1 .p2 {  top: 65px; right: 138px; }

.yxLayer .bgbox1 .p3 {  top: 280px; left: 70px;  }

.yxLayer .bgbox1 .p4 {  top: 315px; right: 22px; }



.yxLayer .bgbox2 { width: 999px; height: 526px; margin: 0 auto; position: relative; background: url(../images/yingx-index2.gif) no-repeat; }

.yxLayer .bigtitle { font-size: 32px; text-align: center; color: #ff4c2f; padding-top: 25px; padding: 50px 0 10px 0; }

.yxLayer .bgbox2 .item { position: absolute; font-size: 16px; color: #ff4c2f }

.yxLayer .bgbox2 .p1 { top: 60px; left: 100px; }

.yxLayer .bgbox2 .p2 {  top: 65px; right: 108px; width: 150px; }

.yxLayer .bgbox2 .p3 {  top: 350px; left: 200px; width: 150px;  }

.yxLayer .bgbox2 .p4 {  top: 350px; right: 222px; width: 150px; }

.yxLayer .txt1 { text-align: center; font-size: 16px; color: #333; padding-bottom: 40px; }

.yxLayer .txt1 span { color: #ff4c2f; font-size: 24px; }



.yxWeb01 .title { font-size: 42px; color: #222; font-weight: initial; padding: 50px 0; text-align: center; }

.yxWeb01 .title span { color: #ff4c2f }

.yxWeb01 table { width: 100%; border: 1px solid #ddd; background: url(../images/yxWeb01.png) center no-repeat; }

.yxWeb01 table td { padding: 5px 8px; border: 1px solid #ddd; }

.yxWeb01 .tt td { background: #222; color: #fff; font-weight: bold; text-align: center; padding: 10px 8px; border: 1px solid #444; }

.yxWeb01 .ys td { height: 160px; vertical-align: middle; padding: 0 20px; font-size: 12px; }

.yxWeb01 .ys td:nth-child(1), .yxWeb01 .ys td:nth-child(3), .yxWeb01 .ys td:nth-child(5){ text-align: center; font-size: 16px;}

.yxWeb01 .ys h5 { padding-bottom: 10px; /*font-size: 16px;*/font-size: 20px; font-weight: bold; }

.yxWeb01 .yxWeb01-bg1 td { background: rgba(111,111,111,.1); }

.yxWeb01 .ys p{font-size: 17px;}

.yxWeb02 .title { font-size: 42px; color: #222; font-weight: initial; padding: 50px 0 20px 0; text-align: center; }

.yxWeb02 .subtitle { font-size: 16px; color: #666; text-align: center; font-weight: normal; }

.yxWeb02 .font-c1 { color: #ff4c2f }

.yxWeb02 div { padding-top: 30px; }

.yxWeb02 div img { display: block; margin: 0 auto }



.yxWeb03 .title { font-size: 42px; color: #222; font-weight: initial; padding: 50px 0 30px 0; text-align: center; }

.yxWeb03 .title1 { font-size: 30px; color: #222; font-weight: initial; padding: 0px 0 10px 0; text-align: center; }

.yxWeb03 .subtitle { font-size: 16px; color: #666; text-align: center; font-weight: normal; }

.yxWeb03 .font-c1 { color: #ff4c2f }

.yxWeb03 .box6 { height: 395px; position: relative; margin-top: 30px; margin-bottom: 30px; }

.yxWeb03 .box6 a { transition: all .5s; text-decoration: none; color: #fff; background: #f00; display: block; position: absolute; }



.yxWeb03 .box6 .box6-1 { width: 195px; height: 395px; right: 0px; top: 0; background: url(../images/box6-1.png) left top no-repeat #3cb0f8; }

.yxWeb03 .box6 .box6-2 { width: 195px; height: 197px; left: 388px; top: 0; background: url(../images/box6-2.png) left top no-repeat #111;  }

.yxWeb03 .box6 .box6-3 { width: 195px; height: 197px; left: 388px; top: 198px; background: url(../images/box6-3.png) left top no-repeat #111;  }

.yxWeb03 .box6 .box6-4 { width: 390px; height: 197px; left: 584px; top: 0px; background: url(../images/box6-4.png) left top no-repeat #111;  }

.yxWeb03 .box6 .box6-5 { width: 390px; height: 197px; left: 584px; top: 198px; background: url(../images/box6-5.png) left top no-repeat #111;  }

.yxWeb03 .box6 .box6-6 { width: 387px; height: 395px; left: 0; top: 0; background: url(../images/box6-6.png) left top no-repeat #111;  }



.yxWeb03 .box6 a:hover { background-color: #ff4c2f }



.yxWeb03 .box6 .box6-1 h5 { padding:160px 25px 15px 25px; font-size: 18px; }

.yxWeb03 .box6 .box6-1 p { padding: 0 25px; line-height: 24px; font-size: 14px; }

.yxWeb03 .box6 .box6-2 h5 { padding:40px 25px 15px 25px; font-size: 18px; }

.yxWeb03 .box6 .box6-2 p { padding: 0 25px; line-height: 24px; font-size: 14px; }

.yxWeb03 .box6 .box6-3 h5 { padding:40px 25px 15px 25px; font-size: 18px; }

.yxWeb03 .box6 .box6-3 p { padding: 0 25px; line-height: 24px; font-size: 14px; }

.yxWeb03 .box6 .box6-4 h5 { padding:40px 25px 15px 25px; font-size: 18px; }

.yxWeb03 .box6 .box6-4 p { padding: 0 25px; line-height: 24px; font-size: 14px; }

.yxWeb03 .box6 .box6-5 h5 { padding:40px 25px 15px 25px; font-size: 18px; }

.yxWeb03 .box6 .box6-5 p { padding: 0 25px; line-height: 24px; font-size: 14px; }

.yxWeb03 .box6 .box6-6 h5 { padding:160px 25px 15px 25px; font-size: 18px; }

.yxWeb03 .box6 .box6-6 p { padding: 0 25px; line-height: 24px; font-size: 14px; }



.yxLayer .subtitle { text-align: center; font-size: 16px; padding-bottom: 40px; }

.yxLayer .fw700 { font-size: 18px; font-weight: bold; color: #222 }

.yxLayer .font-16 { font-size: 16px; font-weight: bold; color: #333; vertical-align: middle; }

.yxLayer .pibtn { text-decoration: none; color: #ff4c2f; display: block; border: 1px solid #ff4c2f; padding: 3px 7px; }

.yxLayer .pibtn:hover { background: #ff4c2f; color: #fff; border-color: #ff4c2f }







.yxAd { height: 504px; overflow: hidden; background: url(../images/yingx-xixun.jpg) center top no-repeat; }

.yxAd .txt { width: 620px; padding: 20px; margin: 0 auto; color: #fff; padding-top: 240px; line-height: 40px; font-size: 16px; }

.yxAd .btn { text-decoration: none; text-align: center; font-weight: bold; font-size: 15px; display: block; width: 120px; height: 40px; background: #fff; line-height: 40px; margin: 0 auto;  border-radius: 5px; color: #e13e6b }



.taocan { margin-top: 40px; width: 1168px; border: 1px solid #ddd; margin-bottom: 45px; text-align: center; font-size: 12px; }

.taocan td {  border: 1px solid #ddd; padding:9px 12px; }

.taocan .bg1 { background: #f5f5f5; text-align: left; }

.taocan .fc1 { color: #ff4c2f; font-weight: bold; }

.taocan .fc2 { color: #3cb0f8 }



.yd-case { border-top: 1px solid #ddd; }

.yd-case h3.title { padding: 50px 0; text-align: center; font-size: 40px; font-weight: 200; color: #222; }

.yd-case .roll-btn { padding: 20px 0; text-align: right; }

.yd-case .roll-btn a { 

    border: 1px solid #ddd; 

    text-decoration: none; 

    display: block;

    padding: 0 15px;

    font-size: 30px; 

    line-height: 42px; 

    display: inline-block; 

    *display: inline; 

    *zoom: 1; 

    color: #333;

    font-family: '宋体'

}

.yd-case { padding-bottom: 70px; }

.yd-case .roll-btn a:hover { border-color: #3cb0f8; color: #3cb0f8 }

.yd-case .roll-box { width: 1168px; border: 1px solid #ddd; height: 248px; background: #f0f0f0; overflow: hidden; position: relative; }

.yd-case .roll-list { height: 248px; width: 10000%; min-width:9344px; position: absolute; left: 0; top: 0; }

.yd-case .roll-list > li { width: 1168px; height: 248px; float: left; }

.yd-case .roll-list .c-logo { /*width: 172px;*/width: 266px; height: 200px; margin:22px; border:1px solid #bbb; float: left; }

.yd-case .roll-list .c-logo img { display: block; width: 266px; height: 200px; }

.yd-case .roll-list .c-text { width: 399px; float: left; margin:22px;}

.yd-case .roll-list .c-text h3 { color:#222; font-weight: 16px; }

.yd-case .roll-list .c-text .web { font-size: 14px; color: #333; padding:8px 0; }

.yd-case .roll-list .c-text .txt { font-size: 14px; color: #666; line-height:1.875; height:104px; overflow: hidden; text-align:justify;}

.yd-case .roll-list .c-text .more { text-decoration: none; font-size: 14px; border-radius:3px;

    color: #fff; display: block; width: 100px; height: 38px; line-height: 38px; text-align: center; background: #3cb0f8 }

.yd-case .roll-list .c-sao { width: 412px; border-left: 1px solid #ddd; height: 248px; float: right; background: url(../images/case-ma-bg.jpg) right top no-repeat; }

.yd-case .roll-list .c-sao p { width: 130px; height: 130px; margin-left: 40px; margin-top: 40px; }





/*品牌建站页面*/



.ppjz-layer1 h1 { font-size: 42px; font-weight: 200; padding: 60px 0 30px 0; text-align: center; }

.ppjz-layer1 .text { 

	color: #666; 

	padding:65px; 

	width: 625px; 

	height: 102px; 

	background: url(../images/png-text-k.png) no-repeat; 

	margin: 0 auto; 

	line-height: 30px;

    font-weight: bold; 

}



.ppjz-layer2 { border-top: 1px solid #ddd; margin-top: 60px; }

.ppjz-layer2 h2 { font-size: 42px; font-weight: 200; padding: 60px 0 30px 0; text-align: center; color: #ff4c2f }

.ppjz-layer2 .text { text-align: center; line-height: 26px; color: #666 }

.ppjz-layer2 .list { padding: 65px 0 0 0; }

.ppjz-layer2 .list li { width: 25%; float: left;  }

.ppjz-layer2 .list li .b1 {

	width: 0;

	transition: all .8s; 

	-webkit-transition: all .8s;

border-bottom: 70px solid #6C6;

border-left: 112px solid transparent;

border-right: 112px solid transparent;

}

.ppjz-layer2 .list li .b2 {

	transition: all .8s; 

	-webkit-transition: all .8s;

	width: 224px;

height: 108px;

background-color: #6C6;

text-align: center;

color: #fff;

padding-top: 20px;

}

.ppjz-layer2 .list li .b2 h5 { font-size: 40px; font-weight: normal; font-weight:lighter; padding-bottom: 5px;}

.ppjz-layer2 .list li .b3 {

	transition: all .8s; 

	-webkit-transition: all .8s;

	width: 0;

border-top: 70px solid #6C6;

border-left: 112px solid transparent;

border-right: 112px solid transparent;

}



.ppjz-layer2 .list li .b0 { width: 224px; margin: 0 auto }

.ppjz-layer2 .list li:hover .b1 { border-bottom-color: #333;  }

.ppjz-layer2 .list li:hover .b2 { background: #333; -webkit-transform: rotate(60deg); transform: rotate(60deg);}

.ppjz-layer2 .list li:hover .b3 { border-top-color: #333 }



.ppjz-layer2 .list li .b1-bg1 { border-bottom-color: #ff4c2f; }

.ppjz-layer2 .list li .b2-bg1 { background: #ff4c2f; }

.ppjz-layer2 .list li .b3-bg1 { border-top-color: #ff4c2f; }



.ppjz-layer2 .list li .b1-bg2 { border-bottom-color: #3cb0f8; }

.ppjz-layer2 .list li .b2-bg2 { background: #3cb0f8; }

.ppjz-layer2 .list li .b3-bg2 { border-top-color: #3cb0f8; }



.ppjz-layer2 .list li .b1-bg3 { border-bottom-color: #ffc116; }

.ppjz-layer2 .list li .b2-bg3 { background: #ffc116; }

.ppjz-layer2 .list li .b3-bg3 { border-top-color: #ffc116; }



.ppjz-layer3 { border-top: 1px solid #ddd; margin-top: 60px; }

.ppjz-layer3 h2 { font-size: 42px; font-weight: 200; padding: 60px 0 30px 0; text-align: center; color: #ff4c2f }

.ppjz-layer3 .text { text-align: center; line-height: 26px; color: #666 }

.ppjz-layer3 .list { padding: 65px 0 0 0; }

.ppjz-layer3 .list li { width: 50%; float: left; }

.ppjz-layer3 .list li img { display: block; width: 540px; height: 211px; margin: 0 auto; margin-bottom: 30px;  }



.ppjz-layer4 { border-top: 1px solid #ddd; margin-top: 60px; background: #1f2229 }

.ppjz-layer4 h2 { font-size: 42px; font-weight: 200; padding: 60px 0 30px 0; text-align: center; color: #fff }

.ppjz-layer4 .list li { padding-bottom: 35px; }

.ppjz-layer4 dt { font-size: 18px; border-bottom: 1px solid #444; padding-bottom: 10px; color: #ff4c2f; margin-bottom: 10px; }

.ppjz-layer4 dd { line-height: 34px; color: #fff; font-size: 14px; height: 34px; }

.ppjz-layer4 dd span.t { width: 150px; display: inline-block; *display: inline; *zoom: 1; padding-left: 28px; background: url(../images/pp-bg-pngimg1.jpg) left 14px no-repeat; } 



/*b2b page*/

.b2b-layer1 h2 { font-size: 42px; font-weight: 200; padding: 60px 0 30px 0; text-align: center; }

.b2b-layer1 .container { background: url(../images/img-b2bLayer-1.jpg) 700px 150px no-repeat; }

.b2b-layer1 .content { width: 600px; height: 350px; }

.b2b-layer1 .text { font-size: 14px; padding-top: 50px; color: #444; line-height: 24px; }



.b2b-layer2 { border-top: 1px solid #ddd; }

.b2b-layer2 h2 { font-size: 42px; font-weight: 200; padding: 60px 0 30px 0; text-align: center; }

.b2b-layer2 .d-img { display: block; margin: 0 auto }

.b2b-layer2 .list { margin-top: 50px; }

.b2b-layer2 .list li { float: left; width: 50%; }

.b2b-layer2 table { margin-top: 25px; width: 90%; margin-left: 10%; }

.b2b-layer2 td { padding: 20px 0; }

.b2b-layer2 td h5 { font-size: 16px; }

.b2b-layer2 td p { color: #666; font-size: 12px; padding-top: 10px; }



.b2b-layer3 { border-top: 1px solid #ddd; }

.b2b-layer3 h2 { font-size: 42px; font-weight: 200; padding: 60px 0 30px 0; text-align: center; }

.b2b-layer3 .container { padding-bottom: 70px; }

.b2b-layer3 .list { margin-right: -46px; }

.b2b-layer3 .list .item { width: 562px; float: left; margin-right: 46px; margin-top: 25px; }

.b2b-layer3 .list .item h5 { border-bottom: 1px solid #ddd; padding: 15px 0; }

.b2b-layer3 .list .item ul { margin-right: -23px; }

.b2b-layer3 .list .item li { float: left; width: 177px; margin-right: 15px; background: #3cb0f8; color: #fff; text-align: center; height: 35px; font-size: 14px; line-height: 35px; margin-top: 15px; }



.b2b-layer4 { border-top: 1px solid #ddd; padding-bottom: 50px; }

.b2b-layer4 h2 { font-size: 42px; font-weight: 200; padding: 60px 0 30px 0; text-align: center; }

.b2b-layer4 .list { margin-right: -46px; }

.b2b-layer4 .list li { width: 562px; float: left; margin-right: 46px; margin-top: 25px; }

.b2b-layer4 .list li img { display: block; margin: 0 auto; margin-bottom: 25px; }

.b2b-layer4 .list li p { width: 450px; font-size: 14px; line-height: 24px; margin: 0 auto }



/*b2bc page*/



.b2bc-layer1 {  }

.b2bc-layer1 h2 { font-size: 42px; font-weight: 200; padding: 60px 0 30px 0; text-align: center; }

.b2bc-layer1 .text { padding: 0 150px; line-height: 26px; color: #666; margin-bottom: 70px; }



.b2bc-layer2 { border-top: 1px solid #ddd; padding-bottom: 50px; }

.b2bc-layer2 h2 { font-size: 42px; font-weight: 200; padding: 60px 0 30px 0; text-align: center; }

.b2bc-layer2 .list .item { width: 50%; float: left; }

.b2bc-layer2 .list .item .item-box { padding: 30px; }

.b2bc-layer2 .list .item .fl { width: 123px; height: 120px;  text-align: center; }

.b2bc-layer2 .list .item .fl img { display: block; margin: 0 auto; margin-bottom: 10px; }

.b2bc-layer2 .list .item .fr { width: 365px; border-left: 1px solid #ddd; padding-left: 30px; }

.b2bc-layer2 .list .fr p { font-size: 12px; line-height: 24px;  }

.b2bc-layer2 .list .fr ul { margin-right: -11px; }

.b2bc-layer2 .list .fr li { border-radius: 3px; float: left; margin-top: 10px; height: 30px; background: #ddd; line-height: 30px; font-size: 12px; text-align: center; width: 115px; margin-right: 10px; }

.b2bc-layer2 .list .item:hover li { background: #ff4c2f; color: #fff; }



.b2bc-layer3 { height: 749px; background: url(../images/img-b2bcLayer4-img.jpg) center top no-repeat; }



.b2bc-layer4 h2 { font-size: 42px; font-weight: 200; padding: 60px 0 30px 0; text-align: center; }

.b2bc-layer4 .list { padding-top: 30px; }

.b2bc-layer4 .list li { width: 33.333333333%; float: left; height: 320px;}

.b2bc-layer4 .list li img { display:block; margin: 0 auto; }

.b2bc-layer4 .list li h5 { text-align: center; padding-top: 15px; }

.b2bc-layer4 .list li p { padding: 0 20px; font-size: 14px; color: #666; padding-top: 15px; }



/*百度托管页面*/

.bdtg-layer1 { background: #fff; border-top: 1px solid #ddd; }

.bdtg-layer1 .container { position: relative; }

.bdtg-layer1 .ali-link { 

    display: block; 

    width: 200px; 

    height: 40px; 

    line-height: 40px;

    border: 1px solid #3cb0f8; 

    text-align: center; 

    position: absolute;

    text-decoration: none; 

    top: 50px;

    right: 50px;

    background: #3cb0f8;

    color: #fff;

}

.bdtg-layer1 .title { padding: 50px 0 40px 0; text-align: center; font-size: 42px; font-weight: initial; }

.bdtg-layer1 .txt { padding-bottom: 50px; line-height: 26px; text-align: center; }



.bdtg-layer2 { height: 589px; background: url(../images/bdtg-layer-img.jpg) center top no-repeat; }

.bdtg-layer2 .container { position: relative; height: 589px; }

.bdtg-layer2 .item-title { 

    position: absolute; display: block; width: 332px; height: 132px; 

    border:1px solid #3cb0f8; line-height: 132px; text-align: center;

    z-index: 10; left: 430px; top: 225px; border-radius: 8px;

    background: rgba(255,255,255,.5);font-size: 40px; color: #3cb0f8;

}

.bdtg-layer2 .item { 

    transition: all .8s; 

    -webkit-transition: all .8s;

    z-index: 9; cursor: pointer; display: block; position: absolute; 

    width: 386px; height: 134px; padding: 30px 50px; border-radius: 8px; 

    background: rgba(255,255,255,.1); box-shadow: 0 0 14px rgba(0,0,0,.5)

}

.bdtg-layer2 .item h3 i { display: inline-block; *display: inline; *zoom: 1; border-radius: 50%; width: 15px; height: 15px; margin-right: 10px;}

.bdtg-layer2 .item h3 { font-size: 24px; font-weight: normal; padding-bottom: 15px; }

.bdtg-layer2 .item p { color: #fff; line-height: 28px; }

.bdtg-layer2 .t1 { top: 60px; left: 60px; border: 1px solid #ff4c2f }

.bdtg-layer2 .t2 { top: 60px; right: 60px; border: 1px solid #ffc116 }

.bdtg-layer2 .t3 { bottom: 60px; left: 60px; border: 1px solid #3073a2  }

.bdtg-layer2 .t4 { bottom: 60px; right: 60px; border: 1px solid #86c610  }

.bdtg-layer2 .t1 h3 i { background: #ff4c2f; }

.bdtg-layer2 .t1 h3 { color: #ff4c2f }

.bdtg-layer2 .t2 h3 i { background: #ffc116; }

.bdtg-layer2 .t2 h3 { color: #ffc116 }

.bdtg-layer2 .t3 h3 i { background: #3073a2; }

.bdtg-layer2 .t3 h3 { color: #3073a2 }

.bdtg-layer2 .t4 h3 i { background: #86c610; }

.bdtg-layer2 .t4 h3 { color: #86c610 }



.bdtg-layer2 .t1:hover { background: #ff4c2f; z-index: 11; }

.bdtg-layer2 .t1:hover h3 i { background: #fff; }

.bdtg-layer2 .t1:hover h3 { color: #fff }



.bdtg-layer2 .t2:hover { background: #ffc116; z-index: 11; }

.bdtg-layer2 .t2:hover h3 i { background: #fff; }

.bdtg-layer2 .t2:hover h3 { color: #fff }



.bdtg-layer2 .t3:hover { background: #3073a2; z-index: 11; }

.bdtg-layer2 .t3:hover h3 i { background: #fff; }

.bdtg-layer2 .t3:hover h3 { color: #fff }



.bdtg-layer2 .t4:hover { background: #86c610; z-index: 11; }

.bdtg-layer2 .t4:hover h3 i { background: #fff; }

.bdtg-layer2 .t4:hover h3 { color: #fff }



.bdtg-layer3 { padding-bottom: 50px; }

.bdtg-layer3 .title { padding: 50px 0 40px 0; text-align: center; font-size: 42px; font-weight: initial; }

.bdtg-layer3 .txt { padding-bottom: 50px; line-height: 26px; text-align: center; }

.bdtg-layer3 .showBox .list { float: left; width: 577px; height: 400px; position: relative; background: url(../images/showbox-side-bg.jpg) right 45px no-repeat; }

.bdtg-layer3 .showBox .list a { 

    display: block;

    width: 322px;

    height: 45px;

    padding-top: 40px;

    text-align: center;

    position: absolute;

    font-size: 24px;     

    color: #fff;

    text-decoration: none;

    transition: all .4s; 

    -webkit-transition: all .4s;

    background-size: 100%;

    opacity: .6;

}

.showBox .list .show-layer1 { 

    z-index: 9; top: 0; left: 0; background: url(../images/showBox-layer1.png) no-repeat;  }

.showBox .list .show-layer2 { 

    z-index: 8; top: 75px; left: 0; background: url(../images/showBox-layer2.png) no-repeat;}

.showBox .list .show-layer3 {

    z-index: 7; top: 150px; left: 0; background: url(../images/showBox-layer3.png) no-repeat;}

.showBox .list .show-layer4 {

    z-index: 6; top: 225px; left: 0; background: url(../images/showBox-layer4.png) no-repeat;}

.showBox .list .show-layer5 {

    z-index: 5; top: 300px; left: 0; background: url(../images/showBox-layer5.png) no-repeat;}

.bdtg-layer3 .showBox .list a span {  

    transition: all .4s; 

    -webkit-transition: all .4s; 

    font-size: 14px; 

    position: absolute; 

    display: none;

    width: 260px; 

    height: 80px; 

    top: -100px;

    line-height: 70px;

    text-align: center;

    color: #333 ; 

    background: url(../images/div-bg.png);

}

.bdtg-layer3 .showBox .list a:hover { z-index: 11; width: 377px; padding-top: 50px; height: 65px; }

.bdtg-layer3 .showBox .list a.on { z-index: 10; width: 377px; padding-top: 50px; height: 65px; opacity: 1 }

.bdtg-layer3 .showBox .list a.on div { position: relative; }

.bdtg-layer3 .showBox .list a.on span { display: block; opacity: 1 }



.bdtg-layer3 .showBox .contbox { width: 423px; height: 377px; float: right; }

.bdtg-layer3 .showBox .contbox h3 { font-size: 24px; color: #41a4dd; border-bottom: 2px solid #44a3c7; padding-bottom: 15px; }

.bdtg-layer3 .showBox .contbox p { padding-top: 15px; font-size: 16px; line-height: 28px; color: #555 }

.bdtg-layer3 .ad { background: #eeeeee; width: 1170px; margin: 0 auto; padding: 25px 30px; margin-top: 70px }



.bdtg-layer4 { padding-bottom: 50px; }

.bdtg-layer4 .title { padding: 50px 0 40px 0; text-align: center; font-size: 42px; font-weight: initial; }

.bdtg-layer4 .tabs { padding-top: 20px; }

.bdtg-layer4 .tab-menu li { display: block; float: left; width: 20%; }

.bdtg-layer4 .tab-menu a { 

     transition: all .4s; 

    -webkit-transition: all .4s; 

    text-align: center; 

    padding-top: 130px; 

    display: block; 

    height: 50px; 

    width: 180px;

    text-decoration: none;

    color: #333;

    box-shadow: 0 0 7px rgba(0,0,0,.3); 

    margin: 0 auto;

}



.bdtg-layer4 .tab-menu .menu-bg1 a { background: url(../images/gdtg-tab-icon1.png) center 25px no-repeat #fff; }

.bdtg-layer4 .tab-menu .menu-bg2 a { background: url(../images/gdtg-tab-icon2.png) center 25px no-repeat #fff; }

.bdtg-layer4 .tab-menu .menu-bg3 a { background: url(../images/gdtg-tab-icon3.png) center 25px no-repeat #fff; }

.bdtg-layer4 .tab-menu .menu-bg4 a { background: url(../images/gdtg-tab-icon4.png) center 25px no-repeat #fff; }

.bdtg-layer4 .tab-menu .menu-bg5 a { background: url(../images/gdtg-tab-icon5.png) center 25px no-repeat #fff; }



.bdtg-layer4 .tab-menu .menu-bg1 a.on { color: #fff; background: url(../images/gdtg-tab-icon1-1.png) center 25px no-repeat #41a4dd; }

.bdtg-layer4 .tab-menu .menu-bg2 a.on { color: #fff; background: url(../images/gdtg-tab-icon2-1.png) center 25px no-repeat #41a4dd; }

.bdtg-layer4 .tab-menu .menu-bg3 a.on { color: #fff; background: url(../images/gdtg-tab-icon3-1.png) center 25px no-repeat #41a4dd; }

.bdtg-layer4 .tab-menu .menu-bg4 a.on { color: #fff; background: url(../images/gdtg-tab-icon4-1.png) center 25px no-repeat #41a4dd; }

.bdtg-layer4 .tab-menu .menu-bg5 a.on { color: #fff; background: url(../images/gdtg-tab-icon5-1.png) center 25px no-repeat #41a4dd; }



.bdtg-layer4 .tab-cont p span { color: #ff4c2f }

.bdtg-layer4 .tab-cont { background: url(../images/bdtg-layer4-bg.jpg) center top no-repeat; height: 354px; margin-top: 25px; position: relative; }

.bdtg-layer4 .tab-cont li { line-height: 28px; position: absolute; }

.bdtg-layer4 .tab-cont .li-1 { 

    width: 286px; 

    height: 241px; 

    left: 170px; 

    top: -20px;

    background: url(../images/bdtg-layer4-cont1.png) center no-repeat;

}

.bdtg-layer4 .tab-cont .li-1 p { padding: 35px 45px 35px 40px }

.bdtg-layer4 .tab-cont .li-2 { 

    width: 286px; 

    height: 241px; 

    left: 690px; 

    top: 40px;

    background: url(../images/bdtg-layer4-cont2.png) center no-repeat;

}

.bdtg-layer4 .tab-cont .li-2 p { padding: 35px 35px 35px 55px }

.bdtg-layer4 .tab-cont .li-3 { 

    width: 286px; 

    height: 241px; 

    left: 200px; 

    top: 100px;

    background: url(../images/bdtg-layer4-cont1.png) center no-repeat;

}

.bdtg-layer4 .tab-cont .li-3 p { padding: 35px 45px 35px 40px }

.bdtg-layer4 .tab-cont .li-4 { 

    width: 286px; 

    height: 241px; 

    left: 660px; 

    top: 160px;

    background: url(../images/bdtg-layer4-cont2.png) center no-repeat;

}

.bdtg-layer4 .tab-cont .li-4 p { padding: 35px 35px 35px 55px }

.bdtg-layer4 .tab-cont .li-5 { 

    width: 286px; 

    height: 241px; 

    left: 250px; 

    top: 220px;

    background: url(../images/bdtg-layer4-cont1.png) center no-repeat;

}

.bdtg-layer4 .tab-cont .li-5 p { padding: 35px 45px 35px 40px }



.bdtg-layer5 { padding-bottom: 50px; background: #121212 }

.bdtg-layer5 .title { padding: 50px 0 40px 0; text-align: center; font-size: 42px; font-weight: initial; color: #fff; }

.bdtg-layer5 .title span { color: #ff4c2f }

.bdtg-layer5 .tabs .tab-menu { padding: 15px 0; text-align: center; }

.bdtg-layer5 .tabs .tab-menu li { 

    display: inline-block; 

    *display: inline; 

    *zoom: 1; 

    width: 132px; 

    height: 55px; 

    margin: 0 5px;

    border: 1px solid #333;

    border-radius: 5px;

    line-height: 55px;

    color: #fff;

    font-size: 18px;

    cursor: pointer;

}

.bdtg-layer5 .tabs .tab-menu li.on { border:1px solid #41a4dd; background: #41a4dd }

.bdtg-layer5 .tabs .tab-cont li { padding: 25px; }

.bdtg-layer5 .txt { border:1px solid #333; padding: 30px 40px; color: #fff; }

.bdtg-layer5 .txt h5 { font-size: 18px; color: #3cb0f8 }

.bdtg-layer5 .txt p { padding-top: 10px; }



.tableQj { border: 1px solid #333333; font-size: 14px; width: 1168px; vertical-align: middle; margin: 0 auto;}

.tableQj td { border: 1px solid #333333; padding: 10px 20px; color: #666 }

.tableQj .t td { color: #41a4dd; font-size: 16px; text-align: center; }

.tableQj .item-cont span  { margin-right: 6px; display: inline-block; border:1px solid #41a4dd; padding: 5px 7px; color: #41a4dd  }

.tableQj .item-cont p { line-height: 28px;  }

.tableQj .item-cont p i { display: inline-block; padding: 0 8px; }

.tableQj .td-middle { vertical-align:middle; text-align: center; }



.bdtg-layer6 { padding-bottom: 50px; }

.bdtg-layer6 .title { padding: 50px 0 40px 0; text-align: center; font-size: 42px; font-weight: initial; color: #333; }

.bdtg-layer6 .list li { width: 25%; float: left; padding: 25px 0; }

.bdtg-layer6 .item-box i { display: block; text-align: center; }

.bdtg-layer6 .item-box h5 { text-align: center; padding: 25px 0; }

.bdtg-layer6 .item-box p { padding: 0 45px; font-size: 14px; line-height: 26px; color: #666  }



/*标准型*/

.bzx-layer1 { padding-bottom: 50px; }

.bzx-layer1 .title { padding: 50px 0 40px 0; text-align: center; font-size: 42px; font-weight: initial; color: #333; }

.bzx-layer1 img { float: left; display: block; margin-left: 100px; }

.bzx-layer1 .cont { padding-left: 600px; }

.bzx-layer1 h5 { padding-top: 100px; padding-bottom: 20px; }



.bzx-layer2 { padding-bottom: 50px; border:1px solid #ddd; }

.bzx-layer2 .title { padding: 50px 0 40px 0; text-align: center; font-size: 42px; font-weight: initial; color: #333; }

.bzx-layer2 .item { margin-bottom: 20px; }

.bzx-layer2 .item dt { font-size: 18px; border-bottom: 2px solid #333333; height: 52px; margin-bottom: 30px;  }

.bzx-layer2 .item dt span { display: inline-block; height: 52px; line-height: 52px;  border-bottom: 2px solid #3cb0f8; position: relative; float: left; }

.bzx-layer2 .item dd { padding: 5px 0; }



/*在线教育*/

.zxjy-layer1 { padding:50px 0; }

.zxjy-layer1 article h5 { font-size: 42px; padding-left: 650px; font-weight: initial; color: #222; padding-top: 50px; padding-bottom: 20px; }

.zxjy-layer1 article i { display: block; float: left; }

.zxjy-layer1 article p { line-height: 28px; padding-left: 650px; }



.zxjy-layer2 { padding:50px 0; }

.zxjy-layer2 article h5 { font-size: 42px; padding-right: 650px; font-weight: initial; color: #222; padding-top: 50px; padding-bottom: 20px; }

.zxjy-layer2 article i { display: block; float: right; }

.zxjy-layer2 article p { line-height: 28px; padding-right: 650px; }



.zxjy-bg { background: #f0f0f0 }



/*二手车*/

.esc-wrap h2 { font-size: 42px; font-weight: initial; color: #111; padding: 50px 0; text-align: center; }

.esc-wrap .esc-block { padding: 50px 0; border-top: 1px solid #ddd; }

.esc-wrap .esc-block h5 { padding-top: 50px; font-size: 32px; color: #333; padding-bottom: 30px; font-weight: initial; }

.esc-wrap .esc-block i { display: block; }

.esc-wrap .esc-style1 i { float: right; }

.esc-wrap .esc-style1 h5,

.esc-wrap .esc-style1 p { padding-right: 700px; line-height: 28px; }



.esc-wrap .esc-style2 { background: #f3f3f3 }

.esc-wrap .esc-style2 i { float: left; }

.esc-wrap .esc-style2 h5,

.esc-wrap .esc-style2 p { padding-left: 700px; line-height: 28px; }



.esc-wrap .ht-list { padding: 50px 0; }

.esc-wrap .ht-list li { width: 25%; float: left; }

.esc-wrap .ht-list li a {

    -webkit-transition: all .5s;

    transition: all .5s; 

    text-decoration: none; display: block; width: 80%; margin: 0 auto; border:1px solid #ddd; padding: 15px 20px; margin-top: 15px; }

.esc-wrap .ht-list li a h5 { font-weight: bold; color: #3cb0f8; padding-bottom: 5px; }

.esc-wrap .ht-list li a p { color: #999; font-size: 12px;}



.esc-wrap .ht-list li a:hover { box-shadow: 0 0 15px rgba(0,0,0,.3); border-color: #ccc; }

.esc-wrap .ht-list li a:hover h5, .esc-wrap .ht-list li a:hover p { color: #ff4c2f }



/*旺铺 wp*/

.wp-block { padding-bottom: 50px; border-top: 1px solid #ddd; }

.wp-block h2 { padding: 50px; font-size: 42px; color: #222; font-weight: initial; text-align: center; padding-bottom: 0; }

.wp-block .title-c1 { color: #3cb0f8 }

.wp-block .h2-p { font-size: 16px; text-align: center; padding-top: 20px; }

.wp-block .bg-block {  background: url(../images/wp-img1.jpg) center top no-repeat; height: 589px; margin-top: 50px; }



.wp-block .p-img { text-align: center; }

.wp-ali .list { padding-top: 50px; }

.wp-ali .list li { width: 50%; float: left; margin-bottom: 30px; }

.wp-ali .list li a { text-decoration:none; display: block; width: 480px; margin: 0 auto; height: 100px; border:1px solid #ddd; padding: 40px; }

.wp-ali .list li i { display: block; float: left;  }

.wp-ali .list li h5 { padding-left: 150px; color: #333; }

.wp-ali .list li p { color: #999; font-size: 14px; padding-left: 150px; padding-top: 10px; line-height: 24px; }



.wp-zhuangxiu { padding-bottom: 50px; border-top: 1px solid #ddd; padding-top: 50px; }

.wp-zhuangxiu .hd i { float: left; line-height: 24px; font-style: normal; display: block; width: 106px; height: 102px; background: url(../images/wp-icon-img.png) no-repeat; }

.wp-zhuangxiu .hd span { color: #3cb0f8; font-size: 26px; display: block; padding-top: 40px; padding-left: 39px; text-align: center; padding-right: 13px; }

.wp-zhuangxiu .hd h5 { margin-left: 126px; height: 72px; color: #222; font-size: 42px; font-weight: initial; }

.wp-zhuangxiu .hd p { margin-left: 126px;  height: 30px; line-height: 30px; color: #fff; background: #333; text-indent: 15px; }



.wp-zhuangxiu .list {  }

.wp-zhuangxiu .list li { width: 25%; float: left; }

.wp-zhuangxiu .list li a { 

    display: block;

    margin: 0 15px; 

    height: 58px; 

    border:1px solid #ccc; 

    box-shadow: 0 0 12px rgba(0,0,0,.3);

    line-height: 58px;

    font-weight: bold;

    text-align: center;

    text-decoration: none;

    color: #333;

    margin-top: 25px;

}

.wp-zhuangxiu .zx-pic { text-align: center; margin-top: 50px; }



.wp-ad { padding-bottom: 50px; }

.wp-ad a { text-decoration: none; border:1px solid #ddd; display: block; background: url(../images/wp-ad-bg.jpg) 660px 20px no-repeat; height: 195px; }

.wp-ad a h5 { margin-top: 30px; font-size: 24px; height: 50px; background: #ff4c2f; line-height: 50px; padding: 0 50px; color: #fff; font-weight: bold; width: 100px; }

.wp-ad a p { color: #333; padding-top: 30px; font-size: 20px; padding: 0 50px; line-height: 35px; margin-top: 15px; }

.wp-ad a p span { color: #ff4c2f }



/*关于我们 fkfs*/

.about-main { border-top: 1px solid #3cb0f8; background: #fff; }

.about-main h3.title { border-bottom:1px solid #ddd; margin: 0 40px; padding: 15px 0; margin-top: 10px; }

.about-main .bd { width: 770px; margin: 0 auto; font-size: 14px; line-height: 26px;}

.about-main .list { margin-right: -30px; padding-bottom: 50px; }

.about-main .list li { width: 370px; margin-right: 30px; float: left; }

.about-main .list li .box { background: #fff; border: 1px solid #ddd; margin-top: 25px; height: 188px; position: relative; }

.about-main .list .box p {  font-weight: bold; font-size: 14px; color: #333; margin-bottom: 20px; }

.about-main .list .box p span  { display: inline-block; *display: inline; *zoom: 1; width: 90px; margin-left: 25px; }

.about-main .list .box .kh { margin-top: 35px; border-left: 2px solid #3cb0f8 }



.about-main .list .yh-icon { position: absolute; bottom: 15px; right: 20px; height: 69px; width: 69px; }



.about-main .gsjj { padding: 15px 0; font-size: 14px; line-height: 26px; color: #666; padding-bottom: 35px; }

.about-main .gsjj .gsjj-wh li { padding-top: 25px;  }

.about-main .gsjj .gsjj-wh h5 { color: #333; }



.about-main .gsjj-img { overflow: hidden; font-size: 0; margin-top: 25px; }

.about-main .gsjj-img img { display: block; }



.lxwm .lxwm-list li { width: 50%;  float: left; padding-top: 45px; height: 120px; border-bottom: 1px solid #ddd; padding-bottom: 45px; }

.lxwm .lxwm-list .item h5 { border-left: 2px solid #3cb0f8; padding:0 30px 0 10px; color: #333; font-size: 14px; }

.lxwm .lxwm-list .item div { padding:0 30px 0 10px; font-size: 12px; color: #999;  line-height: 24px; margin-top: 10px; }



.wrap { border-top: 1px solid  #ddd; padding-bottom: 50px; }

.wrap img { display: inline-block; }

.wrap-t { font-size: 42px; font-weight: initial; text-align: center; padding: 50px 0; }

.wrap-t span { color: #3cb0f8 }

.wrap-t p { color: #666; font-size: 16px; padding-top: 10px; }

.seo-wrap01 .c-pic {  width: 45%; float: right; text-align: right; }

.seo-wrap01 .c-txt {  width: 55%; float: left; line-height: 28px; box-sizing: border-box; padding: 35px 80px 55px 0; }

.seo-wrap01 .c-txt h5 { font-weight: normal; font-size: 32px; color: #ff4c2f; padding-bottom: 30px; }

.seo-wrap01 li { padding-left: 25px; background: url(../images/add-to1-icon.png) left 8px no-repeat; }



.seo-wrap02 .list li { float: left; width: 25%;}

.seo-wrap02 .list li a { border: 1px solid #fff; -webkit-transition: all .5s; transition: all .5s; display: block; height: 275px; margin: 0 8%; padding: 0 15px; text-decoration: none; color: #333; }

.seo-wrap02 .list li i { display: block; text-align: center; padding-top: 30px;}

.seo-wrap02 .list h4 { font-size: 18px; font-weight: bold; padding-top: 20px; text-align: center; }

.seo-wrap02 .list p { font-size: 14px; padding-top: 15px; text-align: center; color: #888; }

.seo-wrap02 .item1 a { background: #fff }

.seo-wrap02 .item2 a { background: #fff }

.seo-wrap02 .item3 a { background: #fff }

.seo-wrap02 .item4 a { background: #fff }

.seo-wrap02 .list li a:hover { border: 1px solid #00aeff; }

.seo-wrap02 .wrap-t_1 { font-size: 30px; color: #ff4c2f; text-align: center; position: relative; padding-bottom: 40px; }



.seo-wrap03 .list { padding: 20px 0; background: url(../images/seoWrap03-bg.jpg) center 20px no-repeat; height: 277px; position: relative; }

.seo-wrap03 .list h4 { color: #3cb0f8; font-size: 18px; }

.seo-wrap03 .list p { font-size: 14px; color: #999; padding-top: 10px; line-height: 24px; }

.seo-wrap03 .item1 { position: absolute; top: 43px; left: 0px; width: 350px;}

.seo-wrap03 .item2 { position: absolute; top: 58px; right: 0px; width: 360px; }

.seo-wrap03 .item3 { position: absolute; top: 188px; left: 0px; width: 410px; }

.seo-wrap03 .item4 { position: absolute; top: 188px; right: 0px; width: 360px; }

.seo-wrap03 .wrap-t_1 { font-size: 30px; color: #ff4c2f; text-align: center; position: relative; }



.seo-wrap04 { border-top: none; }

.seo-wrap04 .list li { width: 50%; float: left; }

.seo-wrap04 .list li a { border: 1px solid #fff; display: block; margin: 0 4%; height: 230px; margin-bottom: 30px; -webkit-transition: all .5s; transition: all .5s; box-shadow: 0 0 12px rgba(0,0,0,.1) }

.seo-wrap04 .list li a:hover { border: 1px solid #00aeff;  }

.seo-wrap04 .list dl { float: left; color: #333;  margin-left: 55px; padding-top: 50px; }

.seo-wrap04 .list dl dt { font-size: 20px; font-weight: bold; padding-bottom: 10px; }

.seo-wrap04 .list dl dd { font-size: 14px; padding: 3px 0; color: #888 }

.seo-wrap04 .list i { display: block; float: left; padding: 45px 0 0 40px; }

.seo-wrap04 .wrap-t_1 { font-size: 30px; color: #ff4c2f; text-align: center; position: relative; }

.seo-wrap04 .wrap-t_2 { text-align: center; padding: 20px 0 40px 0;}



.seo-wrap04 .item1 a { background: #fff }

.seo-wrap04 .item2 a { background: #fff }

.seo-wrap04 .item3 a { background: #fff }

.seo-wrap04 .item4 a { background: #fff }



.seo-wrap05 { background: #efefef; }

.seo-wrap05 .c-txt { text-align: center; font-size: 30px; padding-bottom: 20px; color: #3cb0f8  }

.seo-wrap05 .title3 { background: #fff; padding: 35px 0; text-align: center; font-size: 30px; color: #ff4c2f }

.seo-wrap05 .c-pic-1 { margin-top: 25px; }





.seo-wrap06 .list { height: 1px; background: #ddd; width: 900px; margin: 100px auto; }

.seo-wrap06 .list li { width: 20px; height: 20px; background: #fff; border-radius: 50%; border: 1px solid #333; float: left; margin-right: 150px; margin-top: -10px; }

.seo-wrap06 .list li a { 

    -webkit-transition: all .5s;

    transition: all .5s;

    display: block; 

    width: 12px; 

    height: 12px;

    margin: 4px;

    border-radius: 50%; 

    background: #333; 

    position: relative; 

    color: #999;

}

.seo-wrap06 .list li span { 

    -webkit-transition: all .5s;

    transition: all .5s; 

    background: #fff; 

    display: block;

    position: absolute; 

    padding:15px 20px; 

    box-shadow: 0 0 8px rgba(0,0,0,.3); 

}



.seo-wrap06 .list li.on,.seo-wrap06 .list li:hover { border-color: #ff4c2f }

.seo-wrap06 .list li a:hover,.seo-wrap06 .list li.on a { background: #f00; }

.seo-wrap06 .list li a:hover span,.seo-wrap06 .list li.on span { background: #ff4c2f; color: #fff; }

.seo-wrap06 .item1 span { top: -70px; width: 70px; left: -50px; }

.seo-wrap06 .item2 span { top: 32px; width: 150px; left: -85px; }

.seo-wrap06 .item3 span { top: -93px; width: 150px; left: -70px; }

.seo-wrap06 .item4 span { top: 30px; width: 100px; left: -60px; }

.seo-wrap06 .item5 span { top: -70px; width: 70px; left: -50px; }



.seo-wrap07 .list li { float: left; width: 46%; margin: 0 2%; padding: 15px 0;}

.seo-wrap07 .list li a { margin-top: 10px; display: block; padding: 5px 20px; color: #fff; font-size: 14px; text-decoration: none; background: #999;  }

.seo-wrap07 .list li a span { display: inline-block; width: 20px; }

.seo-wrap07 .list li a:hover { background: #3cb0f8 }



/*全网营销*/

.qwyx-wrap01 {}

.qwyx-wrap01 .list { position: relative; height: 350px; }

.qwyx-wrap01 .list a { 

    -webkit-transition: all .5s;

    transition: all .5s; 

    z-index: 9; 

    padding: 4px 25px 6px 25px; 

    position: absolute; 

    text-decoration: none; 

    cursor: pointer; 

    display: inline-block; 

}

.qwyx-wrap01 .list .item1 { 

    border: 1px solid #3cb0f8; 

    top: 70px; 

    left: 300px; 

    font-size: 30px;

    color: #3cb0f8;

}

.qwyx-wrap01 .list .item1:hover { transform:translate(0,-10px); background: #3cb0f8; color: #fff; z-index: 10; }

.qwyx-wrap01 .list .item2 { 

    border: 1px solid #ff4c2f; 

    top: 110px; 

    font-size: 20px;

    left: 520px; 

    color: #ff4c2f;

}

.qwyx-wrap01 .list .item2:hover {  transform:translate(0,-10px); background:#ff4c2f; color: #fff; z-index: 10;  }

.qwyx-wrap01 .list .item3 { 

    border: 1px solid #ffc116; 

    top: 170px; 

    left: 400px; 

    color: #ffc116;

    font-size: 16px;

}

.qwyx-wrap01 .list .item3:hover {  transform:translate(0,-10px); background:#ffc116; color: #fff; z-index: 10;  }

.qwyx-wrap01 .list .item4 { 

    border: 1px solid #86c610; 

    top: 10px; 

    left: 560px;

    font-size: 22px;

    color: #86c610; 

}

.qwyx-wrap01 .list .item4:hover {  transform:translate(0,-10px); background:#86c610; color: #fff; z-index: 10;  }

.qwyx-wrap01 .list .item5 { 

    border: 1px solid #666; 

    top: 245px; 

    left: 500px; 

    color: #666;

}

.qwyx-wrap01 .list .item5:hover {  transform:translate(0,-10px); background:#666; color: #fff; z-index: 10;  }

.qwyx-wrap01 .c-txt { text-align: center; font-size: 16px; font-weight: bold; }

.qwyx-bg { background: #eaeceb }

.qwyx-wrap02 { padding: 30px 0; border-top: 1px solid #ddd; }

.qwyx-wrap02 .c-pic { float: left; width: 50%; text-align: right; }

.qwyx-wrap02 .c-txt { width: 45%; float: right; }

.qwyx-wrap02 .c-txt h4 { font-size: 42px; font-weight: initial; color: #222; padding-top: 60px;   }

.qwyx-wrap02 .c-txt p { padding-top: 30px; font-size: 14px; line-height: 2; }



.qwyx-wrap02-r { padding: 50px 0;  border-top: 1px solid #ddd; }

.qwyx-wrap02-r .c-pic { float: right; width: 50%; text-align: left; }

.qwyx-wrap02-r .c-txt { width: 45%; float: left; }

.qwyx-wrap02-r .c-txt h4 { font-size: 42px; font-weight: initial; color: #222; padding-top: 70px;   }

.qwyx-wrap02-r .c-txt p { padding-top: 40px; font-size: 14px; line-height: 2; }



.page-nybanner { height:300px; overflow: hidden; position: relative; width: 100%; }

.page-nybanner img { display: block; height:300px; width: 1920px; position: absolute; left: 50%; margin-left: -960px;}

/*homebanner*/

.page-banner { height: 500px; }

.top_slide_wrap { width:100%; height:500px; overflow:hidden; position:relative; z-index:1; }

.slide_box{ height:500px; overflow:hidden }

.slide_box li{ height:500px }

.slide_box li a{ display:block;height:500px;}

.op_prev,.op_next { width: 54px; height: 54px; position: absolute; z-index: 2; top:203px; background-color: rgba(0, 0, 0, 0.2);}

.op_prev { left: 50px; }

.op_next { right: 50px; }

.op_prev:hover,.op_next:hover { /*background: #3cb0f8 */}





.bx-wrapper .bx-controls { margin-top:-60px }

.bx-wrapper .bx-controls .bx-pager{ clear:both; width:100%; text-align:center; position:relative }

.bx-wrapper .bx-controls .bx-pager a {background:#fff; width:12px; height:12px; display:inline-block; overflow:hidden; border-radius: 50%; margin:0 5px; }

.bx-wrapper .bx-controls .bx-pager a:hover,.bx-wrapper .bx-controls .bx-pager a.active{ background:#3cb0f8; }



/*返回顶部*/

.linktop { 

    text-decoration: none;

    position: fixed;

    display: block; 

    width: 30px; 

    height: 35px;

    text-align: center; 

    font-size: 12px; 

    color: #fff; 

    bottom: 100px;

    right: 0;

    background: rgba(0,0,0,.9);

    padding: 10px;

}

.linktop:hover { background: #3cb0f8 }



.ttt { text-align: center; display: block; border-bottom: 1px solid #ddd;  font-size: 42px; font-weight: initial; text-align: center; color: #222; padding: 50px 0 }



.action-top{position:fixed;bottom:60px; right:20px;}

.action-top{width:50px; height:50px;}

.action-top a{display:block;background:#FFF url(../images/isTop1.png) center center no-repeat;width:48px; height:48px; border: 1px solid #e8e8e8;}

.action-top a:hover{background:#00aeff url(../images/isTop2.png) center center no-repeat;border:1px solid #00aeff;}





/* 2017-1-16 */

.oo-seoPage {  }

.oo-section-nav { height: 40px; text-align: center; border-bottom: 1px solid #ddd; box-shadow: 0 5px 10px rgba(0,0,0,.1); }

.oo-section-nav a { display: inline-block; width: 200px; height: 40px; line-height: 40px; border-right: 1px solid #ddd; color: #333; font-weight: bold; text-decoration: none; }

.oo-section-nav a:hover,.oo-section-nav a.on { color: #00aeff }



.oo-section-title { padding:60px 0; text-align: center; font-size: 36px; }

.oo-section-01 .list li { width: 320px; border: 1px solid #eee; box-shadow: 0 0 12px rgba(0,0,0,.2); float: left; margin-left: 51px; }

.oo-section-01 .item-top { padding:30px; }

.oo-section-01 .item-top h5 { color: #00aeff; font-size: 24px; font-weight: normal; margin-bottom: 10px; }

.oo-section-01 .item-top p { font-size: 18px; }

.oo-section-01 .item-img { background: #00aeff; display: block; float: left; padding:5px; margin-right: 20px; border-radius: 3px; }

.oo-section-01 .item-bottom { padding:30px; padding-top: 0; }

.oo-section-01 .item-bottom p { line-height: 30px; }

.oo-section-01 .icon-br { display: inline-block; margin-right: 15px; width: 10px; height: 10px; transform: rotate(45deg); -webkit-transform:rotate(45deg); background: #00aeff }



.oo-section-02 .list li { width: 100%; overflow: hidden; padding:60px 0; }

.oo-section-02 .item-text,.oo-section-02 .item-img { width: 50%; float: left; }

.oo-section-02 .item-img img { display: block; max-width: 100%; }

.oo-section-02 .icon-h5 { display: inline-block; width: 10px; height: 10px; transform: rotate(45deg); -webkit-transform:rotate(45deg); background: #00aeff }

.oo-section-02 .item-text h5 { margin-bottom: 15px; }

.oo-section-02 .item-text h5 span { font-size: 20px; display: inline-block; margin:0 15px; }

.oo-section-02 .item-text-info span { color: #00aeff; }

.oo-section-02 .item-text-info p { line-height: 30px; }



.oo-section-02 .item-top { padding:30px; }

.oo-section-02 .item-01,.oo-section-02 .item-03 { background: #f7f7f7 }

.oo-section-02 .item-top h5 { color: #00aeff; font-size: 24px; font-weight: normal; margin-bottom: 10px; }

.oo-section-02 .item-top p { font-size: 18px; }

.oo-section-02 .item-bottom { padding:30px; padding-top: 0; }

.oo-section-02 .item-bottom p { line-height: 30px; }

.oo-section-02 .icon-br { display: inline-block; margin-right: 15px; width: 10px; height: 10px; transform: rotate(45deg); -webkit-transform:rotate(45deg); background: #00aeff }

.oo-seoPage .icon-br-c { border-radius: 50%; }

.oo-section-02 .item-02 .item-text { float: right; }

.oo-section-02 .item-03 .item-img img { margin-left:100px; }



.oo-section-03 .text-content { width: 450px; box-shadow: 0 0 12px rgba(0,0,0,.2); padding:30px 0; margin:0 auto; font-size: 32px; color: #00aeff; text-align: center; }

.oo-section-04 .text-content { width: 640px; box-shadow: 0 0 12px rgba(0,0,0,.2); padding:30px 50px; margin:0 auto; font-size: 16px; line-height: 30px; }

.oo-section-04 .text-content a { text-decoration: none; color: #00aeff }

.oo-section-05 .text-content { width: 530px; box-shadow: 0 0 12px rgba(0,0,0,.2); padding:30px 60px; margin:0 auto; font-size: 18px; color: #00aeff; line-height: 30px; }

.oo-section-03 .text-content,.oo-section-04 .text-content,.oo-section-05 .text-content{ margin-bottom:60px;}



.oo-section-title { padding:60px 0; text-align: center; font-size: 36px; }

.oo-section-30 .list li { width: 320px; border: 1px solid #eee; box-shadow: 0 0 12px rgba(0,0,0,.2); float: left; margin-left: 51px; height: 260px; }

.oo-section-30 .item-top { padding:30px; padding-bottom: 10px; }

.oo-section-30 .item-top h5 { color: #00aeff; font-size: 20px; font-weight: normal; margin-bottom: 10px; font-weight: bold; }

.oo-section-30 .item-top p { font-size: 18px; }

.oo-section-30 .item-img { background: #00aeff; display: block; float: left; padding:5px; margin-right: 20px; border-radius: 3px; }

.oo-section-30 .item-bottom { padding:30px; padding-top: 0; }

.oo-section-30 .item-bottom p { line-height: 30px; }

.oo-section-30 .icon-br { display: inline-block; margin-right: 15px; width: 10px; height: 10px; transform: rotate(45deg); -webkit-transform:rotate(45deg); background: #00aeff }



.oo-section-20 .list li { width: 520px; border: 1px solid #eee; box-shadow: 0 0 12px rgba(0,0,0,.2); float: left; margin-left: 41px; height: 205px; }

.oo-section-20 .item-top { padding:30px; padding-bottom: 10px; }

.oo-section-20 .item-top h5 { color: #00aeff; font-size: 24px; font-weight: normal; margin-bottom: 10px; }

.oo-section-20 .item-top p { font-size: 18px; }

.oo-section-20 .item-img { background: #00aeff; display: block; float: left; padding:5px; margin-right: 20px; border-radius: 3px; }

.oo-section-20 .item-bottom { padding:30px; padding-top: 0; }

.oo-section-20 .item-bottom p { line-height: 30px; }

.oo-section-20 .icon-h5 { display: inline-block; margin-right: 15px; width: 30px; height: 30px; background: #00aeff; color: #fff; text-align: center; }



.oo-section-21 {  background: #f7f7f7; margin-top: 50px;  }

.oo-section-21 .list li { width: 520px; border: 1px solid #eee; float: left; margin-left: 41px; margin-bottom: 40px; background: #fff; }

.oo-section-21 .item-top { padding:30px; padding-bottom: 10px; }

.oo-section-21 .item-top h5 { color: #00aeff; font-size: 24px; font-weight: normal; margin-bottom: 10px; }

.oo-section-21 .item-top p { font-size: 18px; }

.oo-section-21 .item-img { background: #00aeff; display: block; float: left; padding:5px; margin-right: 20px; border-radius: 3px; }

.oo-section-21 .item-bottom { padding:30px; padding-top: 0; }

.oo-section-21 .item-bottom p { line-height: 30px; }

.oo-section-21 .icon-h5 { display: inline-block; margin-right: 15px; width: 30px; height: 30px; background: #00aeff; color: #fff; text-align: center; }







/*2017-2-9*/

.oo-qwyx-section1 { background: #00aeff; overflow: hidden; }

.oo-qwyx-section1 .s-hd { color: #fff; text-align: center; padding-top: 50px; }

.oo-qwyx-section1 .s-hd h3 { font-size: 40px; font-weight: bold; }

.oo-qwyx-section1 .s-hd p { font-size: 18px; margin-top:20px; }

.oo-qwyx-section1 .s-bd img { display: block; max-width: 100%; margin:0 auto; margin-top: 50px; margin-bottom: 50px; }



.oo-qwyx-section2 { background: #003b57; height: 880px; }

.oo-qwyx-section2 .s-hd { color: #fff; text-align: center; padding-top: 50px; }

.oo-qwyx-section2 .s-hd h3 { font-size: 40px; font-weight: bold; }

.oo-qwyx-section2 .s-hd p { font-size: 18px; margin-top:20px; }

.oo-qwyx-section2 .imgPosition { width: 1170px; position: relative; margin:0 auto; }

.oo-qwyx-section2 .position1 { position: absolute; left: 50%; margin-left: -258px; top: 30px; }

.oo-qwyx-section2 .position2 { position: absolute; top: 200px; width: 310px; }

.oo-qwyx-section2 .imgPosition h4 { color: #00aeff; font-size: 36px; font-weight: bold; }  

.oo-qwyx-section2 .imgPosition p { color: #fff996; margin-top: 15px; margin-bottom: 30px; line-height: 28px; }

.oo-qwyx-section2 .position3 { position: absolute; left: 406px; width: 400px; top: 350px; }

.oo-qwyx-section2 .position4 { position: absolute; top: 200px; right: 0; width: 295px; }



.oo-qwyx-section3 { background: #00aeff }

.oo-qwyx-section3 .s-bd { background: url(../images/oo-qwyx-img3.jpg)no-repeat center; height: 980px; }



.oo-qwyx-section4 { background: #003b57; }

.oo-qwyx-section4 .s-hd h3 { font-size: 40px; font-weight: bold; color: #fff600; text-align: center; padding-top: 50px; }

.oo-qwyx-section4 .s-hd h3 img { display: inline-block; margin-right: 25px; }

.oo-qwyx-section4 .s-hd p { width: 520px; margin:0 auto; padding-left:100px; padding-top: 20px; line-height: 28px; color: #fff; }

.oo-qwyx-section4 .s-bd { text-align: center; }

.oo-qwyx-section4 .s-bd .img03 { padding:50px 0; }

.oo-qwyx-section4 .s-bd .img04 { padding-bottom: 90px; }



.oo-qwyx-section5 { padding-top: 50px; }

.oo-qwyx-section5 .s-hd h3 { color: #f57f00; font-size: 40px; font-weight: bold; text-align: center; padding-bottom:50px; }

.oo-qwyx-section5 .s-hd h3 img { display: inline-block; margin-right: 15px; line-height: 54px; vertical-align: middle; }

.oo-qwyx-section5 .list { width: 1170px; margin:0 auto; overflow: hidden; }

.oo-qwyx-section5 .item { width: 343px; height: 355px; float: left; position: relative; }



.oo-qwyx-section5 .item .hover1 p { padding-top: 55px; }

.oo-qwyx-section5 .item1 { background: url(../images/oo-qwyx-img5-1.jpg) no-repeat center; margin-left: 40px; }

.oo-qwyx-section5 .item2 { background: url(../images/oo-qwyx-img5-2.jpg) no-repeat center; margin-left: 40px; }

.oo-qwyx-section5 .item3 { background: url(../images/oo-qwyx-img5-3.jpg) no-repeat center; margin-left: 40px; }

.oo-qwyx-section5 .item4 { background: url(../images/oo-qwyx-img5-4.jpg) no-repeat center; margin-left: 40px; }

.oo-qwyx-section5 .item5 { background: url(../images/oo-qwyx-img5-5.jpg) no-repeat center; margin-left: 40px; }

.oo-qwyx-section5 .item6 { background: url(../images/oo-qwyx-img5-6.jpg) no-repeat center; margin-left: 40px; }

.oo-qwyx-section5 .item .hover1 { display: block; width: 207px; height: 207px; border-radius: 50%; font-size: 36px; text-align: center; }

.oo-qwyx-section5 .item1 .hover1 p { color: #00b4ff }

.oo-qwyx-section5 .item2 .hover1 p { color: #e4a500 }

.oo-qwyx-section5 .item3 .hover1 p { color: #36cda2 }

.oo-qwyx-section5 .item4 .hover1 p { color: #c456e4 }

.oo-qwyx-section5 .item5 .hover1 p { color: #579917 }

.oo-qwyx-section5 .item6 .hover1 p { color: #f46e7a }



.oo-qwyx-section5 .item .hover2 { width: 208px; height: 208px; position:absolute; left: 0; top: 0; border-radius: 50%; display: none; font-size: 14px; line-height: 26px; }

.oo-qwyx-section5 .on .hover2 { display: block; }

.oo-qwyx-section5 .item .hover2 p { padding:50px 20px 0 20px; color: #fff; }

.oo-qwyx-section5 .item1 .hover2  { background: #00b4ff }

.oo-qwyx-section5 .item2 .hover2  { background: #e4a500 }

.oo-qwyx-section5 .item3 .hover2  { background: #36cda2 }

.oo-qwyx-section5 .item4 .hover2  { background: #c456e4 }

.oo-qwyx-section5 .item5 .hover2  { background: #579917 }

.oo-qwyx-section5 .item6 .hover2  { background: #f46e7a }

.oo-qwyx-section5 .fb-txt { text-align: center; padding-bottom: 50px; font-size: 20px; color: #222; line-height: 30px; font-weight: bold; }



.oo-qwyx-section6 { background: #c4642f; padding-bottom: 100px; }

.oo-qwyx-section6 .s-hd { color: #fff; text-align: center;  }

.oo-qwyx-section6 .s-hd h3 { font-size: 40px; font-weight: bold; text-align: center; padding-top:50px; }

.oo-qwyx-section6 .s-hd h3 img { display: inline-block; margin-right: 15px; line-height: 54px; vertical-align: middle; }

.oo-qwyx-section6 .s-hd p { font-size: 18px; margin-top:20px; }

.oo-qwyx-section6 .s-bd { position:relative; width: 1170px; margin:0 auto; padding-top: 100px; }

.oo-qwyx-section6 .txt-bg { width: 1170px;  margin-left: auto; margin-right: auto; }

.oo-qwyx-section6 .txt-bg img { display: block; margin:0 auto; }

.oo-qwyx-section6 .s-bd h4 { font-size: 28px; color: #fff; padding-bottom: 10px; font-weight: normal; }

.oo-qwyx-section6 .s-bd p { font-size: 15px; color: #fff; }

.oo-qwyx-section6 .position1 { position:absolute; left: 30px; top: 80px; }

.oo-qwyx-section6 .position2 { position:absolute; left: 350px; top:370px; }

.oo-qwyx-section6 .position3 { position:absolute; left: 630px; top: 120px; }

.oo-qwyx-section6 .position4 { position:absolute; right: 10px; top:370px; }



.oo-qwyx-section7 { height: 900px }

.oo-qwyx-section7 .s-hd { text-align: center;  }

.oo-qwyx-section7 .s-hd h3 { font-size: 40px; font-weight: bold; text-align: center; padding-top:50px; color: #222; }

.oo-qwyx-section7 .s-hd h3 img { display: inline-block; margin-right: 15px; line-height: 54px; vertical-align: middle; }

.oo-qwyx-section7 .s-hd p { font-size: 18px; margin-top:20px; color: #888 }

.oo-qwyx-section7 .s-bd { position:relative; width: 1170px; margin:0 auto; padding-top: 200px; }

.oo-qwyx-section7 .txt-bg { width: 1170px;  margin-left: auto; margin-right: auto; }

.oo-qwyx-section7 .txt-bg img { display: block; margin:0 auto; }

.oo-qwyx-section7 .s-bd h4 { font-size: 28px; color: #222; padding-bottom: 10px;  }

.oo-qwyx-section7 .s-bd p { font-size: 15px; color: #888; }

.oo-qwyx-section7 .position1 { position:absolute; left: 230px; top: 80px; width: 260px; }

.oo-qwyx-section7 .position1 h4 { color: #b363ff; }

.oo-qwyx-section7 .position2 { position:absolute; right: 230px; top: 80px; width: 260px; }

.oo-qwyx-section7 .position2 h4 { color: #91de38; }

.oo-qwyx-section7 .position3 { position:absolute; left: 130px; top: 560px; width: 260px; }

.oo-qwyx-section7 .position3 h4 { color: #559cf8; } 

.oo-qwyx-section7 .position4 { position:absolute; left: 480px; top:590px; width: 260px; }

.oo-qwyx-section7 .position4 h4 { color: #f76c6f; } 

.oo-qwyx-section7 .position5 { position:absolute; right: 20px; top:550px; width: 260px; }

.oo-qwyx-section7 .position5 h4 { color: #fe9d00; } 



.oo-qwyx-section8 { background: #ebebeb }

.oo-qwyx-section8 .s-hd { text-align: center;  }

.oo-qwyx-section8 .s-hd h3 { font-size: 40px; font-weight: bold; text-align: center; padding-top:50px; color: #222; }

.oo-qwyx-section8 .s-hd h3 img { display: inline-block; margin-right: 15px; line-height: 54px; vertical-align: middle; }

.oo-qwyx-section8 .s-hd p { font-size: 18px; margin-top:20px; color: #888 }

.oo-qwyx-section8 .s-bd { text-align: center; padding:100px 0 0 0; }

.oo-qwyx-section8 .imglist1 { text-align: center; font-size: 0 }

.oo-qwyx-section8 .imglist1 img { display: inline-block; *display: inline; *zoom: 1; margin:0 20px; }

.oo-qwyx-section8 .imglist2 { padding-top: 50px; font-size: 0 }



.oo-qwyx-section9 { background: #2e2e3a; }

.oo-qwyx-section9 .s-hd h3 { color: #ef5026; font-size: 40px; text-align: center; padding-top: 50px; }

.oo-qwyx-section9 { background: url(../images/oo-qwyx-img9-1.jpg) center no-repeat; height: 1000px; }

.oo-qwyx-section9 .s-bd { width: 1170px; margin:0 auto; overflow: hidden;}

.oo-qwyx-section9 .s-bd-left { float: left; width: 400px; padding-top: 110px; }

.oo-qwyx-section9 .s-bd-right { float: right; width: 400px; padding-top: 110px; }

.oo-qwyx-section9 .s-bd-left h4 { color: #fff; font-size: 40px; text-align: right; }

.oo-qwyx-section9 .s-bd-right h4 { color: #ef5026; font-size: 40px; color: #ffe900 }

.oo-qwyx-section9 .s-bd-left ul { padding-top: 135px; }

.oo-qwyx-section9 .s-bd-left li { color: #bcbcbc; margin-bottom: 25px; line-height: 28px; }

.oo-qwyx-section9 .s-bd-right ul { padding-top: 135px; }

.oo-qwyx-section9 .s-bd-right li { color: #bcbcbc; margin-bottom: 25px; line-height: 28px; color: #ffe900 }



.oo-qwyx-section10 {  background: #efefef; padding-bottom: 60px; }

.oo-qwyx-section10 .s-hd { text-align: center;  }

.oo-qwyx-section10 .s-hd h3 { font-size: 40px; font-weight: bold; text-align: center; padding-top:50px; color: #222; }

.oo-qwyx-section10 .s-hd h3 img { display: inline-block; margin-right: 15px; line-height: 54px; vertical-align: middle; }

.oo-qwyx-section10 .s-hd p { font-size: 18px; margin-top:20px; color: #888 }



.oo-qwyx-section10 .list { overflow: hidden; width: 1170px; margin: 0 auto; padding-top: 60px; padding-bottom: 10px; }

.oo-qwyx-section10 .list li { float: left; width: 323px; box-shadow: 0 0 15px rgba(0,0,0,.1); background: #fff; margin-left: 50px; }

.oo-qwyx-section10 .list li h4 { font-size: 32px; color: #333; text-align: center; padding:30px 0; font-weight: normal; }

.oo-qwyx-section10 .list li img {  display: block; margin:0 auto; }

.oo-qwyx-section10 .txt-div { padding:0 40px; line-height: 24px; font-size: 14px; color: #888; padding-top: 30px; height: 80px; }

.oo-qwyx-section10 .txt-link {  padding:30px 0; height: 50px; }

.oo-qwyx-section10 .txt-link a { display: block; border: 1px solid #ddd; padding:10px 20px; float: left; margin-left: 38px; text-decoration: none; color: #333;}

.oo-qwyx-section10 .txt-link1 a { border-color: #b164f9; color: #b164f9; }

.oo-qwyx-section10 .txt-link1 a:last-child { background: #b164f9; color: #fff; }

.oo-qwyx-section10 .txt-link2 a { border-color: #fd6666; color: #fd6666; }

.oo-qwyx-section10 .txt-link2 a:last-child { background: #fd6666; color: #fff; }

.oo-qwyx-section10 .txt-link3 a { border-color: #ffb736; color: #ffb736; }

.oo-qwyx-section10 .txt-link3 a:last-child { background: #ffb736; color: #fff; }

.oo-qwyx-section10 .txt-link a:hover { box-shadow: 0 0 15px rgba(0,0,0,.3); }



.oo-qwyx-section11 h3 { text-align: center; padding-top:50px; }

.oo-qwyx-section11 .s-bd { padding-bottom: 50px; }

.oo-qwyx-section11 p { font-size: 18px; text-align: center; }

.oo-qwyx-section11 p span { color: #ff7800; font-weight: bold; display: block; padding-top: 20px; line-height: 28px; }

.oo-qwyx-section11 .img-01 { display: block; margin:0 auto; margin-top: 50px; }



.oo-qwyx-section12 { background: #f8f8f8 }

.oo-qwyx-section12 .s-hd { text-align: center;  }

.oo-qwyx-section12 .s-hd h3 { font-size: 40px; font-weight: bold; text-align: center; padding-top:50px; color: #222; }



.oo-qwyx-section12 .list { overflow: hidden; width: 1170px; margin:0 auto; padding:60px 0; }

.oo-qwyx-section12 .item { float: left; width: 565px; background: #fff; border: 1px solid #e0e0e0; margin-bottom: 30px; overflow: hidden; }

.oo-qwyx-section12 .item:nth-child(2),.oo-qwyx-section12 .item:nth-child(4) { float: right }

.oo-qwyx-section12 .item img { float: left; width:240px;}

.oo-qwyx-section12 .item > div { padding-left: 240px; } 

.oo-qwyx-section12 .item h4 { padding:20px 20px 10px 20px; font-weight: bold; color: #ff7800 }

.oo-qwyx-section12 .item div div { padding:0 20px; margin-bottom: 15px; font-size: 14px; color: #888; line-height: 22px; height: 66px; overflow: hidden; } 

.oo-qwyx-section12 .item a { display: block; border: 1px solid #ff7800; color: #ff7800; width: 100px; margin-left: 20px; text-decoration: none; text-align: center; height: 30px; line-height: 30px; }

.oo-qwyx-section12 .item:hover { box-shadow: 0 0 10px rgba(0,0,0,.2) }

.oo-qwyx-section12 .item a:hover { background: #ff7800; color: #fff; }



/*2017-2-21*/



.box2017-item h2 { 

    font-size: 42px;

    color: #222;

    font-weight: initial;

    padding: 50px 0 20px 0;

    text-align: center;

}

.box2017-item h2 span {

    color: #ff4c2f

}

.box2017-item .subtitle{

text-align: center;

font-size: 16px;

padding-bottom: 40px;

}

.box2017-item-bd {

    width: 1170px;

    margin: 0 auto;

    height: 508px;

    background: url(../images/qwyxbox-2017-img1.jpg) center no-repeat ;

}

.box2017-item-bd .list { width: 1080px; margin:0 auto; overflow: hidden; padding-top: 100px; }

.box2017-item-bd .item { width: 270px; float: left; }

.box2017-item-bd .item h3 { padding:40px 40px 0 40px; font-size:28px; color: #fff; font-weight: bold; }

.box2017-item-bd .item p { font-size: 14px; color: #fff; padding:15px 40px; height: 40px; }

.box2017-item-bd .item div { padding:20px 40px 20px 40px; line-height: 1.8; font-size: 16px; }



.box2017-item-bd2 {

    width: 1170px;

    margin: 0 auto;

    height: 754px;

    background: url(../images/qwyxbox-2017-img2.jpg) center no-repeat ;

}



.box2017-item-bd2 .list { overflow: hidden; position:relative; height: 754px; }

.box2017-item-bd2 .item { position: absolute; width: 350px; height: 350px; }

.box2017-item-bd2 .item h3 { padding:120px 40px 0 40px; font-size:28px; color: #222; font-weight: bold; }

.box2017-item-bd2 .item { text-align: center; }

.box2017-item-bd2 .item p { padding:15px 20px; line-height: 1.5 }

.box2017-item-bd2 .item1 { left: 100px; top: 50px; }

.box2017-item-bd2 .item2 { right: 100px; top: 50px; }

.box2017-item-bd2 .item3 { left: 200px; top: 380px; }

.box2017-item-bd2 .item4 { right: 200px; top: 380px; }



.xg-20171006 { padding-bottom: 30px; }

.xg-20171006 .menu { background: #fff; padding:20px 25px; border-bottom: 1px solid #eee; padding-top: 14px; }

.xg-20171006 .menu-i { margin-top: 6px; }

.xg-20171006 .menu-i a,.xg-20171006 .menu-i span { display: inline-block; margin-right: 8px; padding:2px 4px; font-size: 14px; text-decoration: none; color: #666; }

.xg-20171006 .menu-i span { font-weight: bold; color: #3cb0f8 } 

.xg-20171006 .menu-i a:hover,.xg-20171006 .menu-i .active { background: #3cb0f8; color: #fff; }

.xg-20171006 .conts { background: #fff; }

.xg-20171006 .conts ul { padding:25px 10px; padding-bottom: 0 }

.xg-20171006 .kehuanli { background: #fff; }

.xg-20171006 ul .zzname:hover { background: #3cb0f8; color: #fff; }



.xg-20171006 .t { position: relative; }

.xg-20171006 .t h2 { font-size: 30px; font-weight: bold; text-align: center; color: #333; }

.xg-20171006 .t p { text-align: center; margin-top: 5px; }

.xg-20171006 .t h2 span { color: #e71218; padding-left: 15px; }

.xg-20171006 .t .fx { position: absolute; bottom: 0; right: 0; color: #e71218; font-size: 14px; display: inline-block; width:228px; height:30px;}

.xg-20171006 .t .fx img { display: inline-block; padding-right: 10px; vertical-align: middle; }

.xg-20171006 .c { background: #fff; margin-top: 25px; padding:35px 60px; }

.xg-20171006 .c-t { border-bottom: 1px solid #ddd; padding-bottom: 20px; }

.xg-20171006 .c-t .en { font-size: 50px; color: #ddd; font-weight: bold; }

.xg-20171006 .c-t .cn { font-size: 18px; font-weight: bold; color: #333; padding-left: 10px; }

.xg-20171006 .c-t h1 { display: inline-block; padding-left: 10px; font-size: 18px; color: #666; font-weight: 400; }

.xg-20171006 .c-w { font-weight: bold; color: #333; }

.xg-20171006 .c-c { font-size: 15px; line-height: 26px; padding-top: 25px; }

.xg-20171006 table td { padding:4px 10px; color: #666; }

.xg-20171006 table td a { display: block; width: 100px; height: 36px; background: #3cb0f8; color: #fff; text-align: center; line-height: 36px; text-decoration: none; margin-top: 10px; }

.xg-20171006 .c-c .case-img { display: block; float: right;  margin-left:25px; }

.xg-20171006 .morecase { margin-top: 25px; border-top: 1px solid #ddd; padding: 25px 0; }

.xg-20171006 .morecase a { text-decoration: none; display: block; width: 45%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; color: #666; }

.xg-20171006 .morecase a:last-child { margin-left: 5%; }

.xg-20171006 .morecase a:hover { color: #3cb0f8 }